使用call、apply、bind的箭头函数-不工作？[副本]

Question

var obj = {num: 2}

var addToThis = function (a, b, c) {
  return this.num + a + b + c
}

// call
console.log(addToThis.call(obj, 1, 2, 3))

// apply
const arr = [1, 2, 3]
console.log(addToThis.apply(obj, arr))

// bind
const bound = addToThis.bind(obj)
console.log(bound(1, 2, 3))

const obj = {num: 2}

const addToThis = (a, b, c) => {
  return this.num + a + b + c
}

它不再工作，并抛出一个错误：无法读取未定义的属性'num'。

有人能解释一下为什么this不再起作用了吗？

Answer 1

Lambda函数（箭头函数）不创建新的函数上下文和使用调用函数的上下文。

所以“this”指的是父上下文。如果没有'num'变量，则为未定义。

通常这真的很方便，因为大多数时候您使用一个上下文，而不是在您创建的每个函数中创建一个新的上下文。在我看来，call/apply/bind是完全混乱的，而lambda函数使它变得不必要。