JavaScript 做用域、命名空间及闭包

变量做用域：

　　一、一个变量的做用域是程序源代码中定义这个变量的区域

　　二、在函数内声明的变量是局部变量，它只在该函数及其嵌套做用域里可见（js 函数可嵌套定义）；不在任何函数内声明或在函数内不使用 var 或 let 关键字声明的变量是全局变量，它在整个 JavaScript 程序里均可见

　　三、JavaScript 中没有块级做用域，取而代之的是函数做用域

　　四、局部变量会遮盖全局变量

　　五、注意变量的声明提早，即全部变量都会把声明提早到它的做用域顶端

　　六、若使用 let 声明变量，则该变量只属于就近的花括号括起来的语句块！！！

let test = "global"; function fun() { let test = "local"; // 若改为 test = "local"; 则会修改全局变量 test
    console.log("inFun: ", test); } fun(); // 输出 local
console.log("outFun: ", test);  // 输出 global


var j = 10; // 因为声明提早，因此函数内的 j != 10
function check() { var i = 0; // 由于函数做用域，因此会出现声明提早的现象(let 声明除外)，即变量声明以前就能够使用，但其值为 undefined
    console.log("j = ", j); for (var j = 0; j < 5; ++j) i++; console.log("i = ", i, "j = ", j); } check(); // 输出 j = undefined i = 5 j = 5

 

命名空间：

 　　通常状况下，在 JavaScript 中是没法声明只在一个代码块内可见的变量（let 能够声明），基于这个缘由，咱们经常会简单地定义一个函数用做临时的命名空间

// function 前面的左圆括号是必须的，若省略则会将关键字 function 解析为函数声明语句， // 而不是正确地解析为函数定义表达式
var sum = (function () { var a = 2, b = 3;   // 在这里面定义的变量没法从外面访问，因此不会污染全局命名空间
    return a + b; }()); // 后面的圆括号表示结束函数定义并当即调用它
console.log(sum);   // 输出 5

 

做用域链：

　　若是将一个局部变量看做是自定义实现的对象的属性的话，每一段 JavaScript 代码（全局代码或函数）都有一个与之相关的做用域链。这个做用域链是一个对象列表或链表，定义了这段代码“做用域中” 的变量。当 JavaScript 须要查找某个变量时，它会从链中的第一个对象开始查找，若未找到，则查找下一个对象，以此类推。若是做用域链上没有任何一个对象符合查找内容，则会抛出一个引用错误异常。

let global = "globalOne"; function f() { let global = "globalTwo"; function f1() { let global = "globalThree"; } } /* 在这段代码里 global 的值在做用域链里为：globalThree -> globalTwo -> globalOne, 若查询代码在 f1 里，则会从 globalThree 开始寻找，若在 f 里，则从 globalTwo 开始寻找 若找不到，则往箭头方向继续寻找下去，箭头反方向对它是不可见的 */

 

闭包：

 　　函数对象能够经过做用域链相互关联起来，函数体内部的变量均可以保存在函数做用域内，这种特性在计算机科学文献中被称为“闭包”。从技术角度讲，全部的 JavaScript 函数都是闭包

var counter = (function () { var count = 0; return function () { return ++count; }; }()); // 自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
console.log(counter()); // 输出 1
console.log(counter()); // 输出 2
console.log(counter()); // 输出 3

 注：命名空间一般也是一个函数

// 同一个做用域链内定义的闭包会共享一样的私有变量或变量 // 如下代码生成 10 个闭包，全部闭包共享变量 i
function constfuncs() { var funcs = []; for (var i = 0; i < 10; ++i) funcs[i] = function () { return i;   // 嵌套函数不会将做用域内的私有成员复制一份，也不会对所绑定的变量生成静态快照
 }; return funcs; } var funcs = constfuncs();   // 当 constfuncs 返回时 i = 10
console.log(funcs[5]());    // 输出 10