从基础开始了解ES函数的扩展

ES基础总结(一)

ES扩展了JavaScript函数的功能，使其更加灵活和易用。这些扩展包括：

1. 函数参数的默认值

在声明函数时，可以为函数的参数指定默认值。如果在调用函数时没有为某个参数传递值，则使用该参数的默认值。

function log(x, y = 1) {
  console.log(x, y);
}

log(3); // 3 1
log(3, 5); // 3 5

2. 函数声明

函数声明语句用于声明一个函数。函数声明语句的语法如下：

function functionName(parameter1, parameter2, ...) {
  // 函数体
}

例如：

function add(x, y) {
  return x + y;
}

3. 箭头函数

箭头函数是一种简写函数语法。箭头函数的语法如下：

(parameter1, parameter2, ...) => expression

例如：

const add = (x, y) => x + y;

4. 变量解构

变量解构是一种从对象或数组中提取值并将其分配给变量的语法。变量解构的语法如下：

const { property1, property2, ...rest } = object;

例如：

const person = { name: 'John Doe', age: 30 };

const { name, age } = person;

console.log(name); // John Doe
console.log(age); // 30

5. 箭头函数

箭头函数是一种简写函数语法。箭头函数的语法如下：

(parameter1, parameter2, ...) => expression

例如：

const add = (x, y) => x + y;

6. 展开运算符

展开运算符是一种将数组或对象中的元素展开为单个元素的语法。展开运算符的语法如下：

...array

例如：

const numbers = [1, 2, 3];

const newNumbers = [...numbers, 4, 5];

console.log(newNumbers); // [1, 2, 3, 4, 5]

7. 剩余参数

剩余参数是一种收集函数中所有剩余参数的语法。剩余参数的语法如下：

function func(...args) {
  // 代码
}

例如：

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}

console.log(sum(1, 2, 3, 4, 5)); // 15