ECMAScript 2019 的变化：arrow function 中的传参方式-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2019 中，arrow function 在传参方式上有了一些变化，这对于前端开发者来说是一个重要的改变。本文将详细介绍这些变化，包括其深度和学习以及指导意义，并提供示例代码。

传统方式

在传统的函数中，我们可以通过函数名和括号中的参数来传递参数。例如：

function add(a, b) {
  return a + b;
}

add(1, 2); // 3

在这个例子中，我们定义了一个名为 add 的函数，它接受两个参数 a 和 b，并返回它们的和。

在 ECMAScript 2019 中，arrow function 中的传参方式有了一些变化。现在，我们可以在箭头函数的括号中直接传递参数，而不需要使用函数名。例如：

const add = (a, b) => {
  return a + b;
}

add(1, 2); // 3

在这个例子中，我们使用了箭头函数来定义 add 函数，它接受两个参数 a 和 b，并返回它们的和。与传统的函数不同，我们没有使用函数名来定义函数，而是使用了 const 关键字来定义一个常量，这个常量指向一个函数。

除了在箭头函数的括号中传递参数之外，我们还可以使用更简单的方式来传递参数。如果箭头函数只接受一个参数，我们可以省略括号。例如：

const double = number => {
  return number * 2;
}

double(2); // 4

在这个例子中，我们定义了一个名为 double 的函数，它接受一个参数 number，并返回它的两倍。由于我们只有一个参数，我们可以省略括号。

如果箭头函数没有参数，我们仍然需要使用括号来表示这个函数的参数列表为空。例如：

const helloWorld = () => {
  console.log('Hello, World!');
}

helloWorld(); // Hello, World!

在这个例子中，我们定义了一个名为 helloWorld 的函数，它不接受任何参数，并在控制台中打印出 "Hello, World!"。

这些变化使得箭头函数更加简洁和易读。使用箭头函数可以使代码更加精简和易于阅读。在编写代码时，我们应该考虑使用箭头函数来提高代码的可读性和可维护性。

在 ECMAScript 2019 中，我们可以使用箭头函数来更简单地传递参数。除了在箭头函数的括号中传递参数之外，我们还可以使用更简单的方式来传递参数。这些变化使得箭头函数更加简洁和易读。在编写代码时，我们应该考虑使用箭头函数来提高代码的可读性和可维护性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67429872db344dd98ddedda2