变量
变量定义
ECMAScript的变量是松散类型,也就是说可以用来保存任何类型的数据。每个变量仅仅是一个用于保存值的占位符。
我们通过var操作符来声明一个变量:var message;
var message = "hi";
message = 100; // 有效,但不推荐
我们不建议修改变量保存值的类型。
变量的作用域
JavaScript中用var申明的变量是有作用域的。
1. 如果变量在函数内部申明,则该变量的作用域为整个函数体,在函数外不可引用(会报ReferenceError)
2. 由于函数可以嵌套,内部函数可以访问外部函数定义的变量,反过来不可以。
变量提升:JS函数定义会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部
'use strict';
function foo() {
var x = 'Hello, ' + y;//这里不会报错,因为y在后面有申明。但是此时y为undefined。
alert(x);
var y = 'Bob';
}
foo();
我们要严格遵守:在函数内部首先申明所有变量。
常见的做法是用一个var申明函数内的所有变量,用逗号隔开:
function foo() {
var
x = 1, // x初始化为1
y = x + 1, // y初始化为2
z, i; // z和i为undefined
// 其他语句:
for (i=0; i<100; i++) {
...
}
}
全局作用域
不在任何函数内定义的变量就具有全局作用域。而window是JavaScript的一个全局对象(Node里面没有window全局对象)。而全局作用域的变量实际上是被绑定在window的一个属性。而 函数对于JavaScript来说也是一个对象,所以我们也可以通过window来访问。
由此,可以推断出来,常用的alert()函数也是window对象的一个属性。(所以我们可以对alert函数重构,但是最好不要这么做)。
—->说明JS只有一个全局作用域。
名字空间的概念
问题:因为全局变量都会绑定到window上面。而不同的JavaScript文件如果使用了相同的全局变量,或者定义了相同名字的顶层函数,都可能会造成命名冲突,而且很难察觉。
解决办法:我们可以把自己的所有变量和函数全部绑定到一个全局变量当中。
// 唯一的全局变量MYAPP:
var MYAPP = {};
// 其他变量:
MYAPP.name =