JS进阶系列 --- 作用域和闭包

作用域

js中作用域规则：

1. 函数允许访问函数外的数据
2. 整个代码结构中只有函数可以限定作用域
3. 作用规则首先使用提升规则分析
4. 就近原则

举个栗子

console.log(num); //undefined
var num = 123;
function f1(){
    var num = 456;
    function f21(){
        console.log(num); //456
    }
    function f22(){
        num = 789;
        console.log(num); //789
    }
    f21();
    f22();
    console.log(num); //456
}
f();
console.log(num); //123

块级作用域

块级作用域是c和java的规则，js使用的是词法作用域，es6语法中的let支持了块级作用域。

{
    var num1 = 1;
    let num2 = 2;
}
console.log(num1);  // 1
console.log(num2);  // 报错：num2 is not defined

闭包

闭包的使用模型

1. 写一个函数，函数内定义一个新函数，返回新函数，用新函数获得函数内的数据
2. 写一个函数，函数内定义一个对象，对象中绑定多个方法，返回对象，利用对象的方法操作函数内的数据

闭包的作用

闭包是为了实现具有私有访问空间的函数的

举个栗子

function Person(){
    this.name = '张三';
}
var p = new Person();
p.name = "王五";

构造函数Person实例化了一个对象p，而p可以任意更改名字。
而我们需要对这个name属性进行限制，怎么做?我们使用闭包！

function createPerson(){
    var name = "张三";
    return {
        getName: function(){
            return name;
        },
        setName: function(value){
            if(value.charAt(0) === '张') {
                name = value;
            }else {
                throw new Error('姓氏不正确！');
            }
        }
    }
}
var p = createPerson();

闭包的性能

函数执行需要内存，那么函数中定义的变量，会在函数执行结束后自动回收，凡是因为闭包结构，被引出的数据，如果还有变量引用这些数据的话，那么这些数据就不会被回收。
因此在使用闭包的时候如果不使用某些数据了，一定要赋值为null

var f = (function(){
    var num = 123;
    return function(){
        return num;
    }
})();

f引用着函数，函数引用变量num。因此在不使用该数据的时候，最好写上f=null