JavaScript—在嵌套的内部函数中调用外部this的方法

在javascript中经常出现函数中嵌套函数的情况。尤其是在对象函数中嵌套的函数，往往需要调用外部函数（对象函数）的this。

var obj = {
    val : 1,
    outShow : function(){
        (function(){
            alert(this.val);//这里的this并不指向obj，不能弹出1
         })();
    }
};

关于这里的this的指向，可以参考我的另一篇文章：http://blog.csdn.net/jlu16/article/details/78588701。

解决方法：

一.

由于在内部函数中将外部对象（obj）的this同名覆盖了，如果预先将外部的this保存在一个不会被覆盖的量中，便可在内部函数中直接使用。

var obj = {
    val : 1,
    outShow : function(){
        var that = this;
        (function(){
            alert(that.val);
         })();
    }
};

二.

使用call，apply，bind进行this绑定。

var obj = {
    val : 1,
    outShow : function(){
        var innerFunc = function(){ alert(this.val);};
        innerFunc.bind(this)(); //弹出1
        innerFunc.call(this); //弹出1
        innerFunc.apply(this); //弹出1
    }
};