在 ECMAScript 2016 （也称 “ES7”）中，JavaScript 增加了一些新的特性和语法，其中之一是函数的 name 和 length 属性。在这篇文章中，我们将深入了解这些属性的用途、实现和用法。我们还将展示一些示例代码来说明这些新特性。
函数名
JavaScript 提供了一种可以动态调用函数的方式，我们可以使用函数名来引用和调用函数。函数名通常是以一个标识符的形式命名的，它可以被传递给其他函数、存储在变量中以及在对象中使用。然而，如果这个函数是由函数表达式、匿名函数或箭头函数创建的，那么这个函数就没有一个固定的名称，这就使得它在调用时变得更加困难。
ES7 引入了函数的 name 属性来解决这个问题。name 属性是一个只读的字符串，它包含了函数的名称。对于函数声明来说，name 属性返回的是函数的实际名称；对于函数表达式、匿名函数或箭头函数来说，name 属性返回的是变量名或函数表达式的名称（如果有的话）。例如：
-- -------------------- ---- ------- -------- ----- -- ---------------------- -- ----- ----- --- - ---------- --- ---------------------- -- ----- ----- --- - -- -- --- ---------------------- -- -----
在这个示例中，我们定义了三个函数。第一个函数是一个简单的函数声明，它有一个名为 “foo” 的名称。第二个函数是一个函数表达式，它没有名称，但是定义了一个常量 “bar”。第三个函数是一个箭头函数，它也没有名称，但是定义了一个常量 “baz”。
需要注意的是，对于使用 Class 关键字定义的类方法，name 属性也可以用来获取方法名。例如：
class MyClass {
myMethod() {}
}
console.log(MyClass.prototype.myMethod.name); // "myMethod"在这个示例中，我们定义了一个 MyClass 类，它包含一个名为 “myMethod” 的方法。我们还使用了 prototype 属性来访问这个方法，并使用 name 属性来获取它的名称。
参数个数
另一个与函数相关的有用属性是 length 属性。length 属性是一个只读的整数，它包含了函数的参数个数。例如：
function myFunction(a, b, c) {}
console.log(myFunction.length); // 3在这个示例中，我们定义了一个名为 “myFunction” 的函数，它有三个参数。我们可以使用 length 属性来获取它的参数个数，它返回的是 “3”。
需要注意的是，对于使用默认参数语法定义的函数，length 属性会包括所有默认参数和剩余参数。例如：
function myFunction(a, b = 2, ...rest) {}
console.log(myFunction.length); // 1在这个示例中，我们定义了一个名为 “myFunction”的函数，它有一个必需的参数 “a”、一个默认参数 “b” 和一个剩余参数 “rest”。然而，当我们使用 length 属性时，它只返回 “1”，这是因为只有一个必需的参数。
总结
在这篇文章中，我们深入了解了 ES7 中的函数 name 和 length 属性。这些属性可以帮助我们更好地理解和处理函数的名称和参数个数。在实际开发中，我们可以使用这些属性来检查代码中的函数定义和调用，以便更好地调试和维护 JavaScript 代码。通过学习这些新特性，我们可以更加熟练地编写 JavaScript 代码，同时增强我们对这门语言的理解和掌握程度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649bc7c448841e9894888e3c