前言
ECMAScript 2021 是 JavaScript 最新的版本，它引入了一些新的语言特性和 API，包括一些关于函数的新特性。本文将介绍 ECMAScript 2021 中关于函数的新特性，并且提供示例代码，帮助读者更好地理解和使用这些新特性。
函数参数的默认值
在 ECMAScript 2021 中，函数参数可以有默认值。如果函数调用时没有传递参数，那么参数将使用默认值。下面是一个示例：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出 "Hello, World!"
greet('John'); // 输出 "Hello, John!"在上面的示例中，函数 greet 接受一个参数 name，如果调用时没有传递参数，那么 name 将使用默认值 'World'。
剩余参数
在 ECMAScript 2021 中，函数参数可以使用剩余参数语法，它允许我们将多个参数合并成一个数组。下面是一个示例：
function sum(...numbers) {
return numbers.reduce((total, number) => total + number, 0);
}
console.log(sum(1, 2, 3)); // 输出 6
console.log(sum(4, 5)); // 输出 9在上面的示例中，函数 sum 接受任意数量的参数，并将它们合并成一个数组 numbers，然后使用 reduce 方法计算它们的总和。
函数的命名参数
在 ECMAScript 2021 中，我们可以使用命名参数语法，使函数调用更加清晰和易于理解。下面是一个示例：
function greet({ name, age }) {
console.log(`Hello, ${name}! You are ${age} years old.`);
}
greet({ name: 'John', age: 30 });在上面的示例中，函数 greet 接受一个对象作为参数，这个对象有两个属性 name 和 age。使用命名参数语法，我们可以清晰地表达出传递给函数的参数的含义。
函数的逻辑赋值运算符
在 ECMAScript 2021 中，我们可以使用逻辑赋值运算符 ||= 和 &&=，它们可以简化代码并提高可读性。下面是一个示例：
let count = 0; count ||= 5; console.log(count); // 输出 5 count &&= 7; console.log(count); // 输出 7
在上面的示例中，我们首先将变量 count 赋值为 0。然后使用逻辑赋值运算符 ||=，如果 count 的值为假（例如 0），则将其赋值为 5。接着使用逻辑赋值运算符 &&=，如果 count 的值为真，则将其赋值为 7。
函数的私有字段
在 ECMAScript 2021 中，我们可以使用私有字段（private fields）来保护对象的属性，防止它们被意外修改。下面是一个示例：
-- -------------------- ---- -------
----- ------ -
------
----------------- -
---------- - -----
-
--------- -
------ -----------
-
-
----- ------ - --- ---------------
------------------------------ -- -- ------
-------------------------- -- -- -----------在上面的示例中，我们定义了一个 Person 类，它有一个私有字段 #name，只能在类内部访问。在构造函数中，我们将传递的 name 参数赋值给私有字段 #name。然后，我们定义了一个公共方法 getName，它返回私有字段 #name 的值。最后，我们创建了一个 Person 对象，并调用它的 getName 方法，输出了 John。但是如果我们尝试访问私有字段 #name，则会抛出 SyntaxError。
结论
ECMAScript 2021 中引入了一些关于函数的新特性，包括函数参数的默认值、剩余参数、命名参数、逻辑赋值运算符和私有字段。这些新特性可以简化代码、提高可读性，并且使 JavaScript 更加强大和灵活。在使用这些新特性时，我们需要仔细阅读文档，理解它们的含义和用法，并且在实践中不断练习和掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6763a513856ee0c1d421032b