name 属性

函数的name属性,返回该函数的函数名。

  1. function foo() {}
  2. foo.name // "foo"

这个属性早就被浏览器广泛支持,但是直到 ES6,才将其写入了标准。

需要注意的是,ES6 对这个属性的行为做出了一些修改。如果将一个匿名函数赋值给一个变量,ES5 的name属性,会返回空字符串,而 ES6 的name属性会返回实际的函数名。

  1. var f = function () {};
  2. // ES5
  3. f.name // ""
  4. // ES6
  5. f.name // "f"

上面代码中,变量f等于一个匿名函数,ES5 和 ES6 的name属性返回的值不一样。

如果将一个具名函数赋值给一个变量,则 ES5 和 ES6 的name属性都返回这个具名函数原本的名字。

  1. const bar = function baz() {};
  2. // ES5
  3. bar.name // "baz"
  4. // ES6
  5. bar.name // "baz"

Function构造函数返回的函数实例,name属性的值为anonymous

  1. (new Function).name // "anonymous"

bind返回的函数,name属性值会加上bound前缀。

  1. function foo() {};
  2. foo.bind({}).name // "bound foo"
  3. (function(){}).bind({}).name // "bound "