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