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

“小白，你知道什么是常量什么是变量么？”

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

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

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

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

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

老朱：“恩，你说的也算是个办法，可是万一就是有人要改呢？”

小白：“晕，那就没办法了。javascript中不是没有常量么？”

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

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

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

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

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

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

---

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