美文网首页小白的H5成长之路让前端飞
《小白HTML5成长之路54》JS中如何设定静态变量

《小白HTML5成长之路54》JS中如何设定静态变量

作者: 老炉传说 | 来源:发表于2018-03-18 18:15 被阅读30次

“小白,你知道什么是常量什么是变量么?”

“知道啊!常量是无法被更改的,比如数学上常用的Pi的值是3.1415926、数学常数的值、黄金分割的值等等,当然还包括一些明确知道的值,比如正常人的胳膊数量是2,单手手指数量是5等等。变量是可以被随意更改的,比如人的身高、公司每月收入支出等等。”,小白利索的回答道。

“你在javascript中怎么定义变量呢?”

小白说:“你不是告我用var进行定义么?”

老朱:“恩,通过var定义的变量或者直接赋值的变量,我们在使用的时候要更改他们的值是非常方便的,只需要重新赋值就可以了。可是经常在开发的过程中会碰到一些常量,我们并不希望用户可以更改这些值,你能根据之前所学的知识解决这个问题么?”

小白:“跟使用代码的人说一下不要修改这个值就可以了啊。”

老朱:“恩,你说的也算是个办法,可是万一就是有人要改呢?”

小白:“晕,那就没办法了。javascript中不是没有常量么?”

老朱:“你可以想办法模拟啊,js是非常灵活的语言。你再想想!用对象的方式能不能实现?”

小白:“哦!我知道了,把变量定义到对象的内部,这个变量就是私有变量,然后只提供取这个变量的方法,不提供修改的方法就可以了。”

“我在XBMath这个funcion中定义了两个私有变量,然后返回了一个对象,对象中包含了两个方法分别是返回Pi的值和e的值的方法。这样就可以通过返回对象的方法取对应的变量值了。”

老朱:“恩,不错,能想到通过return返回一个对象来处理,说明你已经对js很有心得了,你写的这个模式非常像一种设计模式:单例模式。单例模式不需要使用new进行实例化,通常我们会用这种模式来管理自己的代码库。你如果留心的话就会发现很多js控件都是用这种模式来管理的。比如:”

“使用这种模式管理代码非常方便,假如我们需要获取用户信息,通过对象的点语法XB.User.getUserInfo()就可以使用对应的方法了。”

小白:“这确实是一个好办法,不管有多少功能,只需要按照功能分类就可以了,又涨知识了,我去把这块再练习练习。”


想学H5的朋友可以关注老炉,您的关注是我持续更新《小白HTML5成长之路》的动力!

相关文章

  • 《小白HTML5成长之路54》JS中如何设定静态变量

    “小白,你知道什么是常量什么是变量么?” “知道啊!常量是无法被更改的,比如数学上常用的Pi的值是3.141592...

  • Vue的使用

    html5开发饿了么首页:加载进入订单: 前端和后端相连接:静态数据变成变量js:定义变量:确定变量位置:

  • 会计学小白成长之路——顺序集

    会计学小白成长之路1 会计学小白成长之路2 会计学小白成长之路3 会计学小白成长之路4 会计学小白成长之路5 会计...

  • JavaScript 作用域

    1 - js 作用域 静态作用域 作用域是指程序源代码中定义变量的区域。 作用域规定了如何查找变量,也就是确定当...

  • kotlin真的没有静态成员变量的吗?

    kotlin是如何改造静态成员变量与静态方法的? 在java中,定义一个静态成员变量用static关键字即可。静态...

  • 变量作用域

    变量作用域:静态作用域、动态作用域JS变量作用域:JS使用静态作用域JS没有块级作用域(全局作用域、函数作用域等)...

  • JS作用域

    JS模块化 JS中变量声明问题 JS为弱类型,编译型语言声明提前在JS中,声明语句会被提前到文件首 静态类型为强类...

  • 错误: 无法从静态上下文中引用非静态方法

    静态方法中不能引用非静态变量静态方法中不能引用非静态变量静态方法中不能引用非静态变量 静态方法可以通过所在类直接调...

  • C/C++ 访问 Java 实例变量和静态变量

    实例变量和静态变量在上一章中我们学习到了如何在本地代码中访问任意 Java 类中的静态方法和实例方法,本章我们也通...

  • Servlet生命周期

    局部变量放在栈中,实例变量放在堆中,静态变量放在方法区中 所谓生命周期,指的是Servlet容器如何创建Servl...

网友评论

  • f38e62641676:我也是刚入门,es6的const不是也能定义常量吗?希望大佬讲讲开发中能不能用

本文标题:《小白HTML5成长之路54》JS中如何设定静态变量

本文链接:https://www.haomeiwen.com/subject/xbljnxtx.html