Javascript小示例

1.原型的理解
谁调用这个函数或方法，this关键字就指向谁

2.变量的作用域：全局变量和局部变量，函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。在函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明的是一个全局变量！

(function() {
    var a = b = 1;
})();
console.log(b);  // 1
console.log(a);  // Uncaught ReferenceError: a is not defined

这个函数中变量a用var声明了，作用域在函数作用域内，在输出时调用的是window.b,window.a，在函数内变量b没有声明，作用域在整个window全局对象上，所以输出1，a找不到，所以报错。

3.ES6中的let与ES5中的var使用上的区别

var name = 'zach';

while (true) {
    var name = 'obama';
    console.log(name);  //obama
    break;
}

console.log(name);  //obama

ES5只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。第一种场景就是你现在看到的内层变量覆盖外层变量。而ES6中let则实际上为JavaScript新增了块级作用域，用它所声明的变量，只在let命令所在的代码块内有效。

let name = 'zach';

while (true) {
    let name = 'obama';
    console.log(name);  //obama
    break;
}

console.log(name);  //zach

另外一个var带来的不合理场景就是用来计数的循环变量泄露为全局变量，如下所示，变量i是var声明的，在全局范围内都有效。所以每一次循环，新的i值都会覆盖旧值，导致最后输出的是最后一轮的i的值。而使用let则不会出现这个问题。：

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}

a[6](); // 10

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}

a[6](); // 6

再来看一个更常见的例子：希望点击不同的clickBox，显示不同的i，但事实是无论我们点击哪个clickBox，输出的都是5。了解下如果不用ES6，而用闭包如何解决这个问题。

var clickBoxs = document.querySelectorAll('.clickBox');
for (var i = 0; i < clickBoxs.length; i++){
    clickBoxs[i].onclick = function(){
        console.log(i);
    }
}

// 使用闭包解决
function iteratorFactory(i){
    var onclick = function(e){
        console.log(i);
    }
    return onclick;
}
var clickBoxs = document.querySelectorAll('.clickBox');
for (var i = 0; i < clickBoxs.length; i++){
    clickBoxs[i].onclick = iteratorFactory(i);
}

4.闭包
闭包就是能够读取其他函数内部变量的函数。由于在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

闭包可以用在许多地方。它的最大用处有两个，一个可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中，不会在f1调用后被自动清除。函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量，那怎么获取函数内部的局部变量呢？那就是在函数内部，再定义一个函数。

function f1(){
　　　　var n=999;
　　　　function f2(){
　　　　　　alert(n); /*999,函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。*/
　　　　}
}

既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们就可以在f1外部读取它的内部变量了！