如何在javascript箭头函数中获取函数名称？

Question

我想在箭头函数中获取函数的名称

其实，如果我们写

function abc(){
  let funcName = arguments.callee.name
}

但在箭头函数中

abc: ()=>{
  let funcName = arguments.callee.name
}

函数名返回''

Answer 1

• 箭头函数没有arguments 绑定。但是他们可以访问最近的非箭头父函数的参数对象。命名参数和剩余参数在很大程度上依赖于捕获传递给箭头函数的参数。

function dummy() {
  return (() => arguments.callee.name)(); // dummy
}

• 箭头函数内的this 的值在函数的整个生命周期内保持不变，并绑定到最近的this 提供环境的值。

const obj = {
  // like a normal function, returns obj - defines like obj.a = function a() {};
  a() { return this },
  // arrow function uses global as this
  b: () => { return this },
};
console.log(obj.a() == obj) // true
console.log(obj.b() == obj) // false
console.log(obj.b() == window) // true

• 箭头函数永远不能用作构造函数。因此，它们永远不能用 new 关键字调用。因此，箭头函数不存在原型属性。

因此，获取箭头函数名称的唯一方法是访问对它的直接引用。

const arrow = () => arrow.name;
console.log(arrow()); // "arrow"

const obj = {
  a: () => obj.a.name;
}
console.log(obj.a()); // "a"