美文网首页小白的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成长之路》的动力!

    相关文章

      网友评论

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

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

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