js this指向问题

Question

class Test {
            constructor(fn) {
                fn(this._resolve);
            }
            _resolve(value) {
                console.log(this);
            }
        }
        let p = new Test(function (resolve) {
            resolve('5秒');
      })

为什么输出this输出为 undefined 运行环境不能是undefined吧

Answer 1

js里的this一般分为四种情况
1.在全局环境下调用，如foo(),this指向window,严格模式下为undefinded
2.被对象调用，如a.foo(),this指向a
3.通过call,apply，bind等函数强制绑定this
4.var foo=new function Foo();这个时候this指向foo,即Foo()构造出来的对象。
如果能帮助到你，我也很高兴。
ps:我说的仅作为参考，不是金科玉律。

Answer 2

fn(this._resolve);是把this._resolve当做一个函数传递进去，这个效果和下面代码类似

var obj = {
  fn: function(){console.log(this)}
}
var f = obj.fn
f()

运行时，函数里的this是无主的，运行环境下看环境打印undefined、window或报错

这里你需要传进去的时候使用bind绑定下就可以了

constructor(fn) {
   fn(this._resolve.bind(this));
}

Answer 3

请参阅：JavaScript 的 this 指向问题深度解析