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    }};