Press "Enter" to skip to content

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

Be First to Comment

发表评论

电子邮件地址不会被公开。 必填项已用*标注

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax