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

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

全局变量是魔鬼。

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

再者就是,网页运行肯定用到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,就会立即报错,因为这是个对象,不是字符串。

转载于:https://www.cnblogs.com/samwu/archive/2012/06/09/2543616.html

你可能感兴趣的文章
LeetCode 108——将有序数组转化为二叉搜索树
查看>>
坚持:学习Java后台的第一阶段,我学习了那些知识
查看>>
spring-boot +mybatis 配置多数据源
查看>>
Elasticsearch 参考指南(读和写文档)
查看>>
TCP协议中的seq/ack序号是如何变化的?
查看>>
98道经典Vue面试题总结(长期更新)
查看>>
Swoole 源码分析——Server模块之ReactorThread事件循环(上)
查看>>
C++引用的本质
查看>>
react antd-mobile 项目中实现 css 与 less 局部作用域化
查看>>
Installing nginx
查看>>
【漫画】程序员永远修不好的Bug——情人节
查看>>
Java 初始化与清理(5)
查看>>
windows环境下repo下载Android源代码
查看>>
将Java字节码翻译为C代码
查看>>
你不知道的Rollup
查看>>
linux内存管理——mmap函数详解
查看>>
swagger系列一:laravel中部署swagger ui
查看>>
javascript系列之this总结
查看>>
[翻译]react-vis:一个数据可视化库
查看>>
前端每周清单第 48 期:Slack Webpack 构建优化,CSS 命名规范与用户追踪,Vue.js 单元测试...
查看>>