《理解 ES6》阅读整理：函数（Functions）（五）Name Property

名字属性（The name Property）

在JavaScript中识别函数是有挑战性的，因为你可以使用各种方式来定义一个函数。匿名函数表达式的流行使用导致函数调试困难，在栈信息中难以找出函数名。因为这些原因，ES6为所有函数都增加了名字属性。

选择合适的名字（Choosing Appropriate Names）

在ES6中所有的函数都有一个合适的名字属性。来看下面的例子：

function doSomething() {//...
}var doAnotherThing = function() {//...
}console.log(doSomething.name);  //  doSomething
console.log(doAnotherThing.name);  //  doAnotherThing

在上面的代码中，doSomething是一个函数声明，name的值为doSomething。而doAnotherThing被赋值为一个匿名函数，name为doAnotherThing。

特殊情况下的名字属性（Special Cases of the name Property）

函数声明和函数表达式的name属性是容易知道的，ES6确保所有的函数都有合适的名字。看下面的代码：

var doSomething = function doSomethingElse() {//...
};var person = {get firstName() {return "Zakas"},sayName: function() {console.log(this.name);},
};console.log(doSomething.name);  //  doSomethingElse
console.log(person.sayName.name);  //  sayName
console.log(person.firstName.name);  //  get firstName

上面的例子中，doSomething.name的值为doSomethingElse，因为函数表达式有name属性，并且函数表达式的name属性优先级高于变量的name属性。person.sayName.name的值为sayName，这个容易理解。然后person.firstName是一个getter函数，为了跟普通函数区分开，加了一个get前缀。如果是setter函数，那么要加上一个set前缀。还有几种其他特殊情况：

var doSomething = {//...
};console.log(doSomething.bind().name);  //  bound doSomething
console.log((new Function()).name);  //  anonymous

用bind创建的函数的名字属性以bound开头，而用Function构造函数创建的函数的名字属性为anonymous。

函数的名字属性主要用来调试的，不要试图用name属性去访问函数。

转载于:https://www.cnblogs.com/xfshen/p/5991136.html

《理解 ES6》阅读整理：函数（Functions）（五）Name Property相关推荐

Spark SQL 内置函数（五）Aggregate Functions（基于 Spark 3.2.0）
前言本文隶属于专栏<1000个问题搞定大数据技术体系>,该专栏为笔者原创,引用请注明来源,不足和错误之处请在评论区帮忙指出,谢谢! 本专栏目录结构和参考文献请见1000个问题搞定大数据技 ...
机器阅读理解MRC论文整理
机器阅读理解MRC论文整理最近发现一篇机器阅读理解整理的博客机器阅读理解整理整理于2020年论文代码查找网站: https://dblp.uni-trier.de/db/conf/acl/acl2 ...
了解ES6 The Dope Way第五部分：类，转译ES6代码和更多资源！
by Mariya Diminsky 通过玛丽亚·迪明斯基(Mariya Diminsky) 了解ES6 The Dope Way第五部分:类,转译ES6代码和更多资源! (Learn ES6 The ...
[译]深入ES6之箭头函数
原作者:江凌箭头一族缺少的家庭成员在JavaScript出现以来,箭头(Arrow)就一直是其语法的一部分.一般来说,JavaScript教程的第一篇就会讲如何在HTML中插入箭头括号来作为注释, ...
NLP-阅读理解：“阅读理解”综述（Machine Reading Comprehension, MRC）【完形填空、多项选择、抽取式（答案片段抽取）、生成式（自由作答）】《机器阅读理解数据集》
<原始论文:Neural Machine Reading Comprehension: Methods and Trends> 一.阅读理解概述所谓的机器阅读理解(Machine Rea ...
ES6 ~ ES11整理
目录一.ESMAScript相关介绍 1.1 什么是ECMA 1.2 什么是ESMAScript 1.3 什么是ECMA-262 1.4 ECMA-262 l历史 1.5 谁在维护 ECMA-2 ...
【ES6】Generator函数详解
[ES6]Generator函数详解一.Generator函数简介基本概念函数写法 yield关键字介绍二.next方法的参数三.for...of循环四.关于普通throw()与Gener ...
深度学习论文阅读图像分类篇（五）：ResNet《Deep Residual Learning for Image Recognition》
深度学习论文阅读图像分类篇(五):ResNet<Deep Residual Learning for Image Recognition> Abstract 摘要 1. Introduct ...
文献—Emergent simplicity in microbial community assembly--论文全过程详细阅读整理与翻译
本文对Emergent simplicity in microbial community assembly-- 论文全过程详细阅读整理原始文献Goldford J E , Lu N , Bajic ...

《理解 ES6》阅读整理：函数（Functions）（五）Name Property

《理解 ES6》阅读整理：函数（Functions）（五）Name Property相关推荐

最新文章

热门文章