本帖最后由 叶夜葉 于 2018-10-26 09:23 编辑
转载自：https://blog.csdn.net/goo_oooo/article/details/79242234
JavaScript中函数的name属性
js定义函数时，函数名是可选的，如果一个函数不需要用名称进行引用，则不需要对它进行命名。
命名一个函数时，该名称在整个函数声明范围内是有效的。如果一个命名函数声明在顶层，则window对象上的同名属性会引用到该函数。
所有的函数都有一个name属性，该属性保存的是该函数名称的字符串。
[JavaScript] 纯文本查看 复制代码 function foo() {}
foo.name // "foo"
这个属性早就被浏览器广泛支持，但是直到 ES6，才将其写入了标准。但是ES6 对这个属性的一些行为做出了一些修改。分以下四种情况：
函数被声明为一个命名函数
这种情况ES5和ES6语法一致，name属性返回该函数的函数名。
[JavaScript] 纯文本查看 复制代码 function foo() {}
typeof foo // "function"
foo.name // "foo"
创建一个匿名函数，并赋值给一个变量
在ES5中，该函数的name属性为“”，而 ES6 的name属性会返回实际的函数名
[JavaScript] 纯文本查看 复制代码 var f = function () {};
// ES5
f.name // ""
// ES6
f.name // "f"
创建一个匿名函数，将其赋值给一个window的属性
在ES5中，该函数的name属性返回函数名（window下的赋值属性名），而 ES6 的name属性会返回“”
[JavaScript] 纯文本查看 复制代码 window.f = function () {};
// ES5
f.name // "f"
// ES6
f.name // ""
创建一个命名函数，将其赋值给一个变量或window下的属性
这种情况ES5和ES6语法一致，name均返回函数的字面量名称，与将函数进行赋值的变量或属性名称无关
[JavaScript] 纯文本查看 复制代码 var f = function foo() {};
// ES5
f.name // "foo"
// ES6
f.name // "foo"
[JavaScript] 纯文本查看 复制代码
window.f = function foo() {};
// ES5
f.name // "foo"
// ES6
f.name // "foo" | 
收藏
淘帖
踩
