博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript全局变量的避免(《JavaScript语言精粹》相关笔记)
阅读量:5879 次
发布时间:2019-06-19

本文共 1185 字,大约阅读时间需要 3 分钟。

全局变量是魔鬼。

因为,你不小心,在代码的某一处修改了全局变量, 会导致依赖全局变量的其它模块出错。而且出错原因难调试,难找到。

再者就是,网页运行肯定用到window对象,浏览器引擎又要遍历一次window的属性,性能下降。

那么,如何避免

方法一:只创建一个全局变量。

MYAPP.stooge = {
    "first-name": "Joe",
    "last-name": "Howard"
};
MYAPP.flight = {
    airline: "Oceanic",
    number: 815,
    departure: {
        IATA: "SYD",
        time: "2004-09-22 14:55",
        city: "Sydney"
    },
    arrival: {
        IATA: "LAX",
        time: "2004-09-23 10:42",
        city: "Los Angeles"
    }
};

方法二:使用模块模式

var serial_maker = 
function (  ) {
//
 Produce an object that produces unique strings. A
//
 unique string is made up of two parts: a prefix
//
 and a sequence number. The object comes with
//
 methods for setting the prefix and sequence
//
 number, and a gensym method that produces unique
//
 strings.
    
var prefix = '';
    
var seq = 0;
    
return {
        set_prefix: 
function (p) {
            prefix = String(p);
        },
        set_seq: 
function (s) {
            seq = s;
        },
        gensym: 
function (  ) {
            
var result = prefix + seq;
            seq += 1;
            
return result;
        }
    };
}(  );
var seqer = serial_maker(  );
seqer.set_prefix = 'Q';
seqer.set_seq = 1000;
var unique = seqer.gensym(  );    
//
 unique is "Q1000"

 所谓模块模式,就是创建一个函数,该函数包括,私有变量和一个特权对象,特权对象的内容是,利用闭包能访问到私有变量的函数,最后返回特权对象。

 

首先,方法二,不仅可以当作全局变量用,也可以用在局部声明全局变量。因为就算你在不知道某个地方修改了seqer,就会立即报错,因为这是个对象,不是字符串。

转载地址:http://izcix.baihongyu.com/

你可能感兴趣的文章
手动升级 Confluence - 规划你的升级
查看>>
汽车常识全面介绍 - 悬挂系统
查看>>
电子政务方向:We7.Cloud政府云门户
查看>>
ansible 基本操作(初试)
查看>>
更改tomcat的根目录路径
查看>>
51nod 1292 字符串中的最大值V2(后缀自动机)
查看>>
加快ALTER TABLE 操作速度
查看>>
学习笔记之软考数据库系统工程师教程(第一版)
查看>>
PHP 程序员的技术成长规划
查看>>
memcached 分布式聚类算法
查看>>
jquery css3问卷答题卡翻页动画效果
查看>>
$digest already in progress 解决办法——续
查看>>
虚拟机 centos设置代理上网
查看>>
Struts2中Date日期转换的问题
查看>>
mysql 数据类型
查看>>
Ubuntu 设置当前用户sudo免密码
查看>>
设置tomcat远程debug
查看>>
android 电池(一):锂电池基本原理篇【转】
查看>>
Total Command 常用快捷键
查看>>
ionic 调用手机的打电话功能
查看>>