javascript中this指向问题？

Question

下面这段代码中：

var obj = {

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

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

Answer 1

把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

Answer 2

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

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

建议看一篇综合知识帖 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

Answer 7

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

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