前端面试题整理——作用域和闭包

什么是闭包,闭包的表现形式:

    // 作用域应用的特殊情况,有两种表现:
    // 函数作为参数被传递
    // 函数作为返回值被返回

    // 函数作为返回值
    function create() {
        let a = 100
        return function () {
            console.log(a)
        }
    }
    let fn = create();
    let a = 200;
    fn()

    //函数作为参数
    function print(fn) {
        let b = 200;
        fn()
    }
    let b = 100;
    function fnb() {
        console.log(b)
    }
    print(fnb)

    // 闭包:自由变量的查找,是在函数定义的地方向上级作用域查找,不是在执行的地方。

 

this的使用场景:

  • 作为普通函数调用
  • 使用call、apply、bind 调用
  • 作为对象方法被调用
  • 在class方法中调用
  • 箭头函数
重点,无论什么场景调用,this的值都是在函数“执行时”被定义,而不是“定义”函数时定义。
箭头函数的this是取函数上级作用域的this

 

实际开发中闭包的应用:

隐藏数据,如做一个简单的cache工具,闭包隐藏数据,只提供API。
    function createCache() {
        const data = {} // 闭包中的数据被隐藏,不被外界访问
        return {
            set: function (key, val) {
                return data[key] = val
            },
            get: function (key) {
                return data[key]
            }
        }
    }
    const c = new createCache()
    c.set('name','aaa')
    console.log(c.get('name'))

 

写出下列代码的输出:

    var x = 2;
    var y = {
        x: 3,
        z: (function (x) {
            this.x *= x;
            x += 2;
            return function (n) {
                this.x *= n;
                x += 3;
                console.log(x)
            }
        })(x)
    }
    var m = y.z
    m(4);
    y.z(5);
    console.log(x, y.x);

 

 

 

你可能感兴趣的:(前端面试题整理——作用域和闭包)