JavaScript教程day11-变量作用域

变量作用域

在JavaScript中，用var申明的变量实际上是有作用域的。
如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量

'use strict';

function foo() {
    var x = 1;
    x = x + 1;
}

全局作用域

不在任何函数内定义的变量就具有全局作用域。实际上，JavaScript默认有一个全局对象window，全局作用域的变量实际上被绑定到window的一个属性,因此，直接访问全局变量course和访问windwo.course是完全一样的

'use strict';

var course = "Learn Javascript";
alert(course); // ‘Learn JavaScript’
alert(window.course); // 'Learn JavaScript'

由于函数定义有两种方式，以变量方式var foo = function() {}定义的函数实际上也是一个全局变量，因此，顶层函数的定义也被视为一个全局变量，并绑定到windwo对象：

'use strict';

function foo() {
    alert('foo');
}
foo(); // 直接调用foo函数
window.foo(); // 通过window.foo()调用

我们每次调用的alert()函数其实也是window的一个变量

'use strict';

window.alert('调用window.alert()');
// 把alert保存到另一个变量
var old_alert = window.alert();
// 给alert赋一个新函数：
window.alert = function () {}
alert('无法用alert()显示了！');
// 恢复alert
window.alert = old_alert;
alert('又可以用alert()了!');

名字空间：

全局变量会绑定到windwo上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。
减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。
把自己的代码全部放到唯一的名字空间MYAPP中，会大大减少全局变量冲突的可能

// 唯一的全局变量MYAPP
var MYAPP = {};
// 其他变量：
MYAPP.name = 'myapp';
MYAPP.version = 1.0;

// 其他函数
MYAPP.foo = function () {
    return 'foo';
}

由于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;
    }
    i += 1; // SyntaxError
}

常量：

由于var和let申明的是常量，如果要申明一个常量，在ES6之前是不行的，我们通常用全部大下的变量名来表示“这是一个常量，不要修改他的值”；

'use strict';

var PI = 3.14;
// ES6标准引入了新的关键字，const来定义常量，const与let都具有块级作用域：
const PI = 3.14;
PI = 3; // 某些浏览器不报错，但是无效果
PI; // 3.14

笔记整理自廖雪峰JavaScript教程