javascript 中的闭包

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34162629

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量62

点赞数

文章标签： javascript ViewUI

本文详细解析了JavaScript中闭包的概念及其内部的this问题。通过具体代码实例，展示了如何正确使用闭包和避免this指向全局对象的常见错误。

在 javascript 中，函数可以当做参数传递，也可以当做返回值返回。
当一个函数内部返回值为一个函数时，就形成了闭包。（闭包里面的 this 问题）

如下面代码

Function.prototype.after = function (action) {
    var func = this;
    return function () {
        var result = func.apply(this, arguments);
        action.apply(this,arguments);
        return result;
    };
};

var foo= function(a){
   console.log(a);
}

foo =  foo.after(function(){console.log(2)});
foo = foo.after(function(){console.log(3)});

foo(12);

　　可以这样理解： foo1 = foo.after(function(){console.log(2);});
　　　　　　　　　foo2 = foo1.after(function(){console.log(3);});
　　　　　　　　　 foo2(12); // 当foo2(); 执行的时候，有点类似于递归， fun.apply(this.args);(这个里面递归执行) action();

　　　　　　　　　　foo2() => foo1(); console.log(3);

=> foo();console.log(2); console.log(3);

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　=> console.log(12); console.log(2); console.log(3);

　　　　执行结果是： 12

闭包里面的　this 问题，如果上面不用 var func = this; 来保存一下当前的 this 的话，而仅仅是

Function.prototype.after = function (action) {
    
    return function () {
        var result = this.apply(this, arguments);
        action.apply(this,arguments);
        return result;
    };
};

　　会报错误： this.apply() is not a function!

这是因为函数 function（）{} 里面的this 此时指向的是 window 这个全局对象！