2

来自 MDN：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this ，它说：

然而，在严格模式下， this 的值保持在进入执行上下文时设置的任何值，因此，在以下情况下， this 将默认为 undefined：

function f2() {   
  'use strict'; // see strict mode   
  return this; 
}

f2() === undefined; // true

这表明如果我（1）“使用严格”；(2) 在另一个函数中定义 f2，调用 f2 会为 f2 绑定外部函数的 this。但！

它不起作用...

'use strict';

function AlarmClock(clockName) {
  this.clockName=clockName;
}

console.log("hello, let's see some weird stuff");

console.log("THIS in global", this);

AlarmClock.prototype.start = function(seconds) {
  console.log('outer', this);
  var testInside = function() {
    console.log('inner', this);
  }
  testInside();
}

var clock = new AlarmClock("Horizons")
clock.start(1);


// WITHOUT CONSTRUCTORS

function withoutOut() {
  console.log("withoutOut", this)
  this.howard="notSoBad";
  console.log("modifiedTheThis, should have Howard", this)
  function withoutIn1() {
   console.log("withoutIn1", this);
   console.log("Strict should set to the defining object's this");
  }
  var withoutIn2 = function() {
    console.log("withoutIn2", this);
    console.log("Strict should set to the defining object's this");
  }
  withoutIn1();
  withoutIn2();
}

withoutOut.bind({Moose: "genius"})();

console.log("DONE");

给出这个输出：

hello, let's see some weird stuff
THIS in global {}
outer AlarmClock { clockName: 'Horizons' }
inner undefined
withoutOut { Moose: 'genius' }
modifiedTheThis, should have Howard { Moose: 'genius', howard: 'notSoBad' }
withoutIn1 undefined
Strict should set to the defining object's this
withoutIn2 undefined
Strict should set to the defining object's this
DONE

注意：我从 mac osx 命令行使用 node v10.5.0 运行它。

注意 2：如果您在 devtools 中运行，则必须按照以下步骤使用 strict。

NOTE3：基本上，我想找到某种方法来获得内部，withoutIn1 或 withoutIn2 不会被定义。而且，我知道您可以通过显式绑定来执行此操作，但我想专门获取 MDN 文档中指定的行为。

如果您同意我的观点，MDN 应该将“this”文档更改为在“use strict”的函数上下文中，将其始终设置为未定义。（作者喜欢）

或者，Chrome 应该更改实现。（作者不喜欢）

4

1 回答 1

7

何时调用函数的值与定义this函数的方式或位置无关。它只与函数的调用方式有关。调用你的内部函数：

AlarmClock.prototype.start = function(seconds) {
  console.log('outer', this);
  var testInside = function() {
    console.log('inner', this);
  }
  testInside();
}

liketestInside()没有任何对象引用意味着没有任何东西可以绑定到this，在严格模式下意味着thisis undefined。但是，如果你改写了

  testInside.call(this);

然后会有一个上下文值。同样，一个函数在另一个函数“内部”的事实对this绑定方式绝对没有影响。或者：

  this.testInside = testInside;
  this.testInside();

它也可以工作，因为再一次有一个上下文。

哦，而且，新的（ish）箭头函数机制确实让您可以创建有效地“继承”this来自其词法环境的值的函数。所以：

AlarmClock.prototype.start = function(seconds) {
  console.log('outer', this);
  var testInside = () => {
    console.log('inner', this);
  }
  testInside();
}

会起作用，因为调用箭头函数不涉及任何this绑定；this行为本质上就像闭包中的变量。

于 2018-07-23T21:40:41.973 回答