javascript中this指向问题?

SummerSun
  • 41

下面这段代码中:

var obj = {

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

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

回复
阅读 4.6k
7 个回答

把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

希望以下内容有帮助
clipboard.png

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

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

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。具体是什么要看这个函数怎么被调用。

抓住一点: 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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏