JavaScript中函数的name属性

我会带着你远行 2022-05-31 01:30 391阅读 0赞

# JavaScript中函数的name属性 #

js定义函数时，函数名是可选的，如果一个函数不需要用名称进行引用，则不需要对它进行命名。  
命名一个函数时，该名称在整个函数声明范围内是有效的。如果一个命名函数声明在顶层，则`window`对象上的同名属性会引用到该函数。  
![chrome环境][chrome]  
所有的函数都有一个`name`属性，该属性保存的是该函数名称的字符串。

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

这个属性早就被浏览器广泛支持，但是直到 ES6，才将其写入了标准。但是ES6 对这个属性的一些行为做出了一些修改。分以下四种情况：

*  **函数被声明为一个命名函数**  
    这种情况ES5和ES6语法一致，`name`属性返回该函数的函数名。

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

*  **创建一个匿名函数，并赋值给一个变量**  
    在ES5中，该函数的`name`属性为“”，而 ES6 的`name`属性会返回实际的函数名

var f = function () { };
    
    // ES5
    f.name // ""
    
    // ES6
    f.name // "f"

*  **创建一个匿名函数，将其赋值给一个`window`的属性**  
    在ES5中，该函数的`name`属性返回函数名（window下的赋值属性名），而 ES6 的`name`属性会返回“”

window.f = function () { };
    
    // ES5
    f.name // "f"
    
    // ES6
    f.name // ""

*  **创建一个命名函数，将其赋值给一个变量或`window`下的属性**  
    这种情况ES5和ES6语法一致，`name`均返回函数的字面量名称，与将函数进行赋值的变量或属性名称无关

var f = function foo() { };
    
    // ES5
    f.name // "foo"
    
    // ES6
    f.name // "foo"

window.f = function foo() { };
    
    // ES5
    f.name // "foo"
    
    // ES6
    f.name // "foo"

[chrome]: /images/20220531/8bd551179e564da5abc07b8040e02680.png

发表评论取消回复

表情：

评论列表（有 0 条评论，391人围观）

还没有评论，来说两句吧...

相关阅读

相关 Pytorch中named_parameters、named_children、named_modules函数

目录named_parameters函数named_children()函数named_modules()函数例子named_parameters函数以迭代器的方式返回m...

谁践踏了优雅/ 2024年05月08日 06:49/ 0 赞/ 56 阅读

相关 JavaScript:html里name属性和id属性的区别

![6c98027a4d8532e28fcd13022da06bbb.png][] name属性和id属性的比较分析 --------------------

野性酷女/ 2023年01月08日 08:22/ 0 赞/ 173 阅读

相关 [JavaScript]Window的name属性

一、下代码都输出什么？ console.log(name) console.log(window.name) console.log(typeof w

Myth丶恋晨/ 2022年11月27日 03:23/ 0 赞/ 174 阅读

相关 javaScript中this以及window对象和window对象的name属性

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUw

忘是亡心i/ 2022年11月10日 14:55/ 0 赞/ 174 阅读

相关 JavaScript函数内部属性和函数方法

函数是对象，有自己的属性和方法。首先通过console下输出的函数属性方法来直观的看一下： ![20160316210202239][] 函数内部属性只要包括两个

青旅半醒/ 2022年08月21日 04:59/ 0 赞/ 170 阅读

相关对javascript中函数属性的理解

内部属性： callee：arguments对象有一个callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数； this：this引用的是环境

- 日理万妓/ 2022年07月13日 12:40/ 0 赞/ 231 阅读

相关 JavaScript中函数声明，函数提升，对象属性和原型属性等问题

function Foo() { getNumber = function () { console.log (1); }; retur

冷不防/ 2022年06月10日 06:18/ 0 赞/ 188 阅读

相关 JavaScript中函数的name属性

JavaScript中函数的name属性 js定义函数时，函数名是可选的，如果一个函数不需要用名称进行引用，则不需要对它进行命名。命名一个函数时，该名称在整个函数声

我会带着你远行/ 2022年05月31日 01:30/ 0 赞/ 392 阅读

相关 JavaScript---函数的属性和方法

一个方法既是函数，又是对象。是由系统构造方法Function构造而来，Function的原型上有这么几个属性或者是方法： name：函数的名字-字符串 argum

谁借莪１个温暖的怀抱￠/ 2022年05月17日 02:17/ 0 赞/ 169 阅读

相关 ES6基础之——函数的名字name属性

1、ES6给函数添加了一个name属性，使用这个属性，我们可以得到这个函数的名字，例子: 如下用函数声明的方式创建了一个函数，然后输出函数的name属性，得到的是函数的名字

雨点打透心脏的1/2处/ 2021年11月17日 05:20/ 0 赞/ 356 阅读