首页 > javascript中this指向问题?

javascript中this指向问题?

下面这段代码中:

var obj = {

name:"Hello",
fn: function () {
    return{
        name:this.name,
        show: function () {
            console.log(this.name);
        }
    }
}

};
第二个this很好理解,指向fn返回的对象,但是第一个this应该如何理解呢?


把lz的方法加了点输出,代码如下,注释是结果

var obj = {
name:"Hello",
    fn: function () {
        return{
          name:this.name,
          show: function () {
              console.log(this.name);
          }
        }
    }
};
console.log(obj.name); //Hello

obj.name="objName";
console.log(obj.name); //objName

var test = obj.fn();
test.name = "fnName";
test.show(); //fnName
console.log(obj.name); //objName

希望以下内容有帮助

原文:图文解说 JavaScript this 到底指向什么?
http://www.codeceo.com/article/javascript-this-point.html


抓住一点: this的值是obj.fn这个函数求值时才绑定的
如果求值时的表达式是obj.fn(), this的值就会是obj
如果obj.fn.apply(其他), this就会是"其他"


this是动态作用域,视调用位置而定


var obj = {
    name:"Hello",
    fn: function () {
        return {
            name:this.name,
            show: function () {
                console.log(this.name);
            }
        }
    }
};

==》

var obj = {
    name:"Hello",
    fn: function () {
        var that=this;
        return {
            name:that.name,
            show: function () {
                console.log(this.name);
            }
        }
    }
};
obj.fn().show();//Hello

代码写成这样就好理解了不~


建议看一篇综合知识帖 http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html?plg_nld=1&plg_uin=1&plg_auth=1&plg_nld=1&plg_usr=1&plg_vkey=1&plg_dev=1#rd


第二个写成这样或许好理解一些。

var obj = {
    name:"Hello",
    fn: function () {
        var o = {};
        o.name = this.name;
        o.show = function() {
            console.log(this.name);
        };
        return o;
    }
};

return后面是个对象字面量或者也可以叫对象初始化器,它里面的this就是return所在的函数的this。具体是什么要看这个函数怎么被调用。

【热门文章】
【热门文章】