javascript - 闭包中的this-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 闭包中的this

伊谢尔伦 2017-04-10 15:44:13

[JavaScript讨论组]

738

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"

第二和第三个输出为什么不一样，尤其是第三个，怎么理解？

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(4)

PHP中文网2017-04-10 15:46:13 4楼

函数里的 this 取决于你调用它时的上下文。

当函数作为对象的方法调用时，this 指向这个对象。
当你直接执行它时，this 指向 window。
你还可以用call, applay, bind方法来指定this。

下面有一段示例帮助你理解：

var say = function () {
  console.log('My name is', this.name);
};

var jack = {
  name: 'Jack',
  say: say
};

var rose = {
  name: 'Rose',
  say: say
};

jack.say(); // My name is Jack
rose.say(); // My name is Rose

window.name = '世界之窗';
say(); // My name is 世界之窗

题目里的(object.getName=object.getName)();这种写法有意思的地方在于，object.getName=object.getName这个赋值操作的返回结果是下面这个函数体，

function(){
    return this.name;
}

所以整个这一句的执行结果等同于

(function(){
    return this.name;
})();

结合此答案最前面提到的第 2 点，可知这里的this就指向window。

其实这个问题跟闭包无关，跟上下文（context）有关。闭包影响作用域，上下文影响this。

赞 +0

添加回复

迷茫2017-04-10 15:46:13 3楼

这个是 Javascript 高级程序设计（version3, p183）中的例子吧，其实书上已经解释很清楚了：

(object.getName)() 与 object.getName() 是等价的，因为 xxx.xxx（成员访问）的优先级高于 xxx(xxx)（函数调用），所以加不加圆括号不影响结果（关于运算符优先级可参考运算符优先级）；
(object.getName=object.getName) 是一个赋值表达式，赋值表达式求值结果是右值，所以该表达式的值是 getName函数。你可以这么理解：(object.getName=object.getName)() 等价于 var b; (b=object.getName)() 等价于 var b; b=object.getName; b()；
严格模式下，(object.getName=object.getName)() 会报错，因为严格模式下，禁止 this 关键字指向全局对象。