ES6 class类中方法this丢失为什么打印undefined而非Window?

Question

Chrome环境下运行：

class Cat {
 sayThis () {
     console.log(this);
 }
 exec (cb) {
     cb();
 }
 render () {
     this.exec(this.sayThis);
 }
}
const tom = new Cat();
tom.render(); 

---

下意识的认为会打印 Window
但是却打印出 undefined
具体是什么原因造成的呢？

Answer 1

原因是es6为严格模式, 在函数内部不会乱指window的

Answer 2

类里面的方法 类似箭头函数

Answer 3

class C {
  xxx(){}
}

等同于

'use strict'
function C() {}
C.prototype.xxx = function() {}

Answer 4

class Cat {
  sayThis () {
    console.log('结果', this)
  }
    
  // 此时接收的是一个新函数，使用bind call apply 都可解决
  exec (cb) {
    cb()
  }
  
  render () {
    this.exec(this.sayThis.bind(this));
  }
}
const tom = new Cat();
tom.render();

Answer 5

http://www.ruanyifeng.com/blo...
我的理解函数存的是指向地址，不是执行环境，可以参考一下阮一峰