JavaScript高级程序设计中一个关于this指向的问题?
ringa_lee
ringa_lee 2017-04-11 09:53:08
[JavaScript讨论组]
            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)();及其结果就一点也看不懂了。

希望高手解答。

ringa_lee
ringa_lee

ringa_lee

全部回复(4)
黄舟

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

手机作答不方便,我只提示你一点:这个问题的关键是“赋值表达式”的求值过程。剩下的请题主去仔细看一下《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已经是全局了
PHP中文网

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

ringa_lee

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号