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