“JavaScript笔记”的版本间的差异
来自个人维基
小 |
小 |
||
| 第1行： | 第1行： | ||
＊JavaScript默认有一个全局对象window，全局作用域的变量实际上被绑定到window的一个属性： | ＊JavaScript默认有一个全局对象window，全局作用域的变量实际上被绑定到window的一个属性： | ||
| − | <source lang=" | + | <source lang="javascript"> |
'use strict'; | 'use strict'; | ||
| 第9行： | 第9行： | ||
我们每次直接调用的alert()函数其实也是window的一个变量：window.alert. | 我们每次直接调用的alert()函数其实也是window的一个变量：window.alert. | ||
全局变量会绑定到window上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如： | 全局变量会绑定到window上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如： | ||
| − | <source lang=" | + | <source lang="javascript"> |
// 唯一的全局变量MYAPP: | // 唯一的全局变量MYAPP: | ||
var MYAPP = {}; | var MYAPP = {}; | ||
| 第23行： | 第23行： | ||
</source> | </source> | ||
把自己的代码全部放入唯一的名字空间MYAPP中，会大大减少全局变量冲突的可能。 | 把自己的代码全部放入唯一的名字空间MYAPP中，会大大减少全局变量冲突的可能。 | ||
| + | |||
| + | *局部作用域 | ||
| + | |||
| + | 由于JavaScript的变量作用域实际上是函数内部，我们在for循环等语句块中是无法定义具有局部作用域的变量的： | ||
| + | <source lang="javascript"> | ||
| + | 'use strict'; | ||
| + | |||
| + | function foo() { | ||
| + | for (var i=0; i<100; i++) { | ||
| + | // | ||
| + | } | ||
| + | i += 100; // 仍然可以引用变量i | ||
| + | } | ||
| + | </source> | ||
| + | 为了解决块级作用域，ES6引入了新的关键字let，用let替代var可以申明一个块级作用域的变量： | ||
| + | <source lang="javascript"> | ||
| + | 'use strict'; | ||
| + | |||
| + | function foo() { | ||
| + | var sum = 0; | ||
| + | for (let i=0; i<100; i++) { | ||
| + | sum += i; | ||
| + | } | ||
| + | // SyntaxError: | ||
| + | i += 1; | ||
| + | } | ||
| + | </source> | ||
2022年2月18日 (五) 18:14的版本
＊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中，会大大减少全局变量冲突的可能。
- 局部作用域
由于JavaScript的变量作用域实际上是函数内部，我们在for循环等语句块中是无法定义具有局部作用域的变量的：
'use strict'; function foo() { for (var i=0; i<100; i++) { // } i += 100; // 仍然可以引用变量i }
为了解决块级作用域，ES6引入了新的关键字let，用let替代var可以申明一个块级作用域的变量：
'use strict'; function foo() { var sum = 0; for (let i=0; i<100; i++) { sum += i; } // SyntaxError: i += 1; }
