为什么在方法 [javascript] 中“this”会导致“未定义”

Question

我正在研究这个内部对象方法的行为，但我卡在了一个输出上。

这是代码。

'use strict';

let obj, method;

obj = {
  go() { alert(this); }
};

obj.go();               // (1) [object Object]

(obj.go)();             // (2) [object Object]     QUESTION 2

(method = obj.go)();    // (3) undefined

(obj.go || obj.stop)(); // (4) undefined     ------> Doubt  <-------------------

那么如果第四个在逻辑上等价于第二个，为什么逻辑OR会导致上下文丢失？

第二部分

如果我错了，请纠正我。

1. 通过函数声明/表达式调用/调用它的方式发生此评估。

2. 在箭头函数内部，this 始终引用其封闭的父级。 [词法范围]

Answer 1

在情况 2 中，括号不会改变 () 左侧的函数引用值来自对象属性引用的事实。因此，函数调用的发生方式与案例 1 完全相同，对象引用绑定到 this。

然而，在情况 4 中，这些括号内的 || 评估会导致该关系丢失；剩下的就是没有任何相关对象的函数引用。那是因为||的逻辑并不关心函数引用来自对象属性查找这一事实，所以它的结果值只是“裸”的函数引用。

关于您的后续问题，这两个断言的措辞都不正确。 this 的值确实取决于函数的调用方式，但这与函数的来源或声明方式无关。在箭头函数内部，this 的值不是对其词法父项的引用，它与词法父项中this 的值相同。

Answer 2

@Pointy 已经回答了您的问题。只是为了好玩：知道你现在知道什么，你可以让你的 obj.go 方法在它自己的范围内运行，包装在一个箭头函数表达式中：

let obj, method, otherMethod, m2;

obj = {
  foo: `obj.foo here, saying: done`,
  go(txt = ``) { console.log(`obj.go here, called as: ${txt} => ${this.foo}`); }
};
(txt => obj.go(txt))(`(txt => obj.go(txt))([...])`);
(method = txt => obj.go(txt))(`(method = txt => obj.go(txt))([...])`);
(obj.go && 
  (txt => obj.go(txt)) || 
  obj.stop)(`(obj.go && txt => obj.go(txt) || obj.stop)([...])`);

// or use a wrapper (factory function)
const wrap = (...[obj, method, txtArg]) => () => obj[method](txtArg);
(otherMethod = wrap(obj, `go`, `(otherMethod = wrap(obj, \`go\`, \`[...]\`))()`))();

// or make `go` a getter and that getter a factory function
let otherObj = {
  foo: `and hithere, here's otherObj.foo`,
  get go() { return txt => 
    console.log( `otherObj.go here, called as: ${txt} => ${this.foo}` ); }
};

(m2 = otherObj.go)(`(m2 = otherObj.go)([...])`);

.as-console-wrapper { top: 0; max-height: 100% !important; }

Answer 3

其实#的3和4返回[object Window]

见 cmets：

let obj, method;

obj = {
  go() { alert(this); }
};

obj.go();               // [object Object] represents obj

(obj.go)();             // [object Object] represents obj

(method = obj.go)();    // [object Window] because the go method is not running in the context of obj

(obj.go || obj.stop)(); //  Same as above