javascript ES6 新特性介绍

ES6 是什么？

ES6 是 ECMAScript 6 的简称，是 javascript 的一个重要版本，于 2015 年发布。它引入了许多新特性，让 javascript 变得更强大和易用。如果你还在用老版本的 JS，这些新特性能帮你写出更简洁、更高效的代码。

主要新特性

1. let 和 const 声明变量

以前我们用 var 声明变量，但它有作用域问题。现在可以用 let 和 const：

let：声明可重新赋值的变量
const：声明常量，不能重新赋值

let name = "小明";
name = "小红"; // 可以

const age = 25;
// age = 26; // 报错，不能改

2. 箭头函数

简化函数写法，尤其在回调函数中很方便。

// 传统写法
function add(a, b) {
  return a + b;
}

// 箭头函数
const add = (a, b) => a + b;

3. 模板字符串

用反引号 ` 包围，可以直接插入变量，不用拼接字符串。

1
2
3

const name = "小明";
const greeting = `你好，${name}！`;
console.log(greeting); // 你好，小明！

4. 解构赋值

从数组或对象中提取值，赋值给变量。

// 数组解构
const [a, b] = [1, 2];

// 对象解构
const {name, age} = {name: "小明", age: 25};

5. 默认参数

函数参数可以设置默认值。

function greet(name = "客人") {
  console.log(`你好，${name}！`);
}
greet(); // 你好，客人！

6. Promise

处理异步操作，避免回调地狱。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("成功！");
  }, 1000);
});

promise.then(result => {
  console.log(result);
});

7. 类 (Class)

面向对象编程更简单。

class Person {
  constructor(name) {
    this.name = name;
  }
  
  sayHello() {
    console.log(`你好，我是${this.name}`);
  }
}

const person = new Person("小明");
person.sayHello();

总结

ES6 让 javascript 更现代化。建议多练习这些特性，它们在现代前端开发中很常用。记得用 Babel 转换器来兼容老浏览器。