Javascript 函数赋值后未定义

Question

因此，我正在阅读面向 Web 开发人员的专业 Javascript 一书，并遇到了以下示例。

var object = {
  name: "my Object",
  getName: function() {
    return this.name;
  }
}

然后作者展示了以下结果：

object.getName(); // "my Object"
(object.getName)(); // "my Object"
(object.getName = object.getName)() // "undefined"

我理解第一个案例，但对案例 2 和案例 3 有以下问题。

案例 2：在 object.getName 周围加上括号有什么作用？ 到目前为止我只知道你可以在匿名函数周围加上括号来立即调用它（立即调用函数表达式）。 但是如果函数不是匿名的呢？

案例3：为什么this不是分配后保持？

Answer 1

这里的问题确实与this变化没有任何关系。 第三种情况的不同之处在于用作函数引用的值失去了与上下文对象的关系。

当通过评估对象属性引用获得函数引用，然后调用该函数时，JavaScript 确保将函数中的this设置为所涉及的对象。 这就是前两种情况的工作方式。

第三种情况，函数引用原本是从对象中获取的，但是整体的值

(object.getName = object.getName)

是那个=赋值的值。 正因为如此，与对象的关系被打破了，你所拥有的只是对函数的引用。 因此调用不会设置this 。 就好像你写过：

var something = object.getName;
something();

这也不会this设置为object 。 仅当函数引用直接来自. 或[ ]操作将所涉及的对象在调用中作为this结束。 情况 2 中的括号是一种特殊情况； 在 JavaScript 中，括号不计算任何值； 它们会影响解析表达式的方式，但不会主动执行任何操作。