“JavaScript笔记”的版本间的差异
来自个人维基
小 |
小 |
||
第8行: | 第8行: | ||
</source> | </source> | ||
我们每次直接调用的alert()函数其实也是window的一个变量:window.alert. | 我们每次直接调用的alert()函数其实也是window的一个变量:window.alert. | ||
+ | 全局变量会绑定到window上,不同的JavaScript文件如果使用了相同的全局变量,或者定义了相同名字的顶层函数,都会造成命名冲突,并且很难被发现。减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如: | ||
+ | <source lang="python"> | ||
+ | // 唯一的全局变量MYAPP: | ||
+ | var MYAPP = {}; | ||
+ | |||
+ | // 其他变量: | ||
+ | MYAPP.name = 'myapp'; | ||
+ | MYAPP.version = 1.0; | ||
+ | |||
+ | // 其他函数: | ||
+ | MYAPP.foo = function () { | ||
+ | return 'foo'; | ||
+ | }; | ||
+ | </source> | ||
+ | 把自己的代码全部放入唯一的名字空间MYAPP中,会大大减少全局变量冲突的可能。 | ||
+ | |||
+ | |||
+ | |||
+ | 参考资料: | ||
+ | https://www.liaoxuefeng.com/wiki/1022910821149312 |
2022年2月18日 (五) 18:12的版本
*JavaScript默认有一个全局对象window,全局作用域的变量实际上被绑定到window的一个属性:
'use strict'; var course = 'Learn JavaScript'; alert(course); // 'Learn JavaScript' alert(window.course); // 'Learn JavaScript'
我们每次直接调用的alert()函数其实也是window的一个变量:window.alert.
全局变量会绑定到window上,不同的JavaScript文件如果使用了相同的全局变量,或者定义了相同名字的顶层函数,都会造成命名冲突,并且很难被发现。减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如:
// 唯一的全局变量MYAPP: var MYAPP = {}; // 其他变量: MYAPP.name = 'myapp'; MYAPP.version = 1.0; // 其他函数: MYAPP.foo = function () { return 'foo'; };
把自己的代码全部放入唯一的名字空间MYAPP中,会大大减少全局变量冲突的可能。