ES6-函数的扩展-name属性

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

 

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

这个属性以前就支持，只是 ES6 对这个属性的行为做了一些修改。如果将一个匿名函数赋值给一个变量，ES5 的 name 属性，会返回空字符串，而 ES6 的 name 属性会返回实际的函数名。

 

 

var f = function () {};

// ES5
f.name // ""

// ES6
f.name // "f"

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

 

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

 

const bar = function baz() {};

// ES5
bar.name // "baz"

// ES6
bar.name // "baz"

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

 

 

(new Function).name // "anonymous"

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

 

 

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

(function(){}).bind({}).name // "bound "