ES6新特性

ES6（也被称为ES2015）是JavaScript的一个重要更新版本，它引入了许多令人兴奋的新特性，提供了更高效、更灵活的编码方式。本文将介绍一些ES6的新特性，并附上相应的代码示例。

1. 块级作用域 (let和const)

在ES5中，JavaScript只有函数作用域和全局作用域，没有块级作用域。ES6引入了let和const关键字，允许我们在块级作用域中声明变量。

// 使用let声明变量
let x = 10;
if (x > 5) {
  let y = 20;
  console.log(x + y); // 输出30
}
console.log(x); // 输出10
console.log(y); // 报错，y未定义

// 使用const声明常量
const PI = 3.1415926;
console.log(PI); // 输出3.1415926
PI = 3.14; // 报错，常量不可修改

2，箭头函数

箭头函数是ES6中的一个重要特性，它提供了更简洁的函数定义和更简洁的上下文绑定。

// 普通函数
function add(a, b) {
  return a + b;
}
console.log(add(5, 3)); // 输出8

// 使用箭头函数
const add = (a, b) => a + b;
console.log(add(5, 3)); // 输出8

// 上下文绑定
const person = {
  name: 'John',
  sayHello: function() {
    setTimeout(() => {
      console.log('Hello, ' + this.name);
    }, 1000);
  }
};
person.sayHello(); // 输出"Hello, John"

3，模板字符串

模板字符串允许我们在字符串中插入变量和表达式，提供了更方便的字符串处理方式。

const name = 'John';
const age = 30;

// 使用模板字符串
console.log(`My name is ${name} and I am ${age} years old.`); // 输出"My name is John and I am 30 years old."

// 多行字符串
const message = `This is
a multi-line
string.`;
console.log(message);
/*
输出:
This is
a multi-line
string.
*/

4，解构赋值

解构赋值允许我们从数组或对象中提取值，并将其赋给变量，提供了更简洁的赋值方式。

// 解构数组
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: 30 };
const { name, age } = person;
console.log(name); // 输出"John"
console.log(age); // 输出30

5，模块化

ES6引入了模块化，可以通过export和import关键字在不同的文件中共享代码。

// math.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

// main.js
import { add, subtract } from './math.js';
console.log(add(5, 3)); // 输出8
console.log(subtract(5, 3)); // 输出2

以上是ES6的一些常用新特性的简要介绍及代码示例。ES6还有许多其他新特性，如类、Promise、默认参数等等。通过学习和使用ES6的新特性，我们可以写出更简洁JavaScript代码。