js箭头函数、解构赋值和模板字符串简介

1. 箭头函数：
   箭头函数是一种更简洁的函数定义方式，可以用来替代传统的函数表达式。例如：

传统函数表达式：

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

箭头函数：

const add = (a, b) => a + b;

2. 解构赋值：
   解构赋值可以将数组或对象中的值解构出来并赋值给变量。例如：

解构数组：

const numbers = [1, 2, 3];
const [a, b, c] = numbers;
console.log(a); // 输出：1
console.log(b); // 输出：2
console.log(c); // 输出：3

解构对象：

const person = { name: 'John', age: 25 };
const { name, age } = person;
console.log(name); // 输出：'John'
console.log(age); // 输出：25

3. 模板字符串：
   模板字符串是一种更方便拼接字符串的方式，使用反引号（`）来包裹字符串，并使用${}来插入变量。例如：

const name = 'Alice';
const age = 30;

const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // 输出：'My name is Alice and I am 30 years old.'

这些例子展示了箭头函数、解构赋值和模板字符串的基本用法。