首页 > JavaScript高级程序设计中一个关于this指向的问题?

JavaScript高级程序设计中一个关于this指向的问题?

            var name = "The Window";
            
            var object = {
                name : "My Object",
            
                getName: function(){
                    return this.name;
                }
            };
            
           object.getName();     //"My Object"
          (object.getName)();   //"My Object"
          (object.getName = object.getName)(); //"The Window"

以上是js高程中给得代码。

个人对于(object.getName)();这行代码的认识是这样的(function(){return this.name;})(),加个一个括号,自然对结果没有任何影响。但是书中写到的这句“虽然加上括号之后,就好像只在引用一个函数,但this得到了维持”不太理解。

还有这行(object.getName = object.getName)();及其结果就一点也看不懂了。

希望高手解答。


编程是一门非常精确的学问,想当然是不对的,根据结果硬去推测原因也是不可取的!

手机作答不方便,我只提示你一点:这个问题的关键是“赋值表达式”的求值过程。剩下的请题主去仔细看一下《ECMAScript Specification》中赋值表达式(简单赋值)那一节,里面的求值过程:

11.13.1 Simple Assignment ( = )

重点注意第2、3、6步,尤其是第3步中的GetValue操作,正是这个操作将“一个对象的方法属性”变成了一个“函数”,即丢掉了函数所属的对象信息。


(object.getName = object.getName)(); //"The Window"

这一句可以理解为:

var fn = object.getName;
object.getName = fn;
fn();             // 这个fn已经是全局了

(object.getName = object.getName)();

复制操作本质上是这样的,先计算左操作数的值,再计算右操作数的值,将右操作数的值赋值给左操作数,并且return右操作数。

所以上述语句相当于return了object.getName,相当于(function(){return this.name;})()


这个是this劫持问题,this指向有三种情况,1,作为对象方法调用 指向对象,2,作为构造器调用 指向对象 3,作为普通函数调用 指向全局对象window;一般我们采用Function.prototype.bind()来绑定this指向

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