老实说，

. 变量声明

告别 var 的变量提高困扰。拥抱块级作用域，

• let: 用于变量，可重新赋值。
• const: 用于常量，不可重新赋值。

// 旧写法var a =;// ES6let count =;const APIURL = '';// count =，按理说，// OK// APIURL = '...';// Error

. 模板字符串

再也不用痛苦地用 + 号拼接字符串了。

const name = 'Jack';const age =，// 旧写法const str = 'My name is ' + name + ' and I am ' + age + ' years old.';// ES6const str = My name is ${name} and I am ${age} years old.;

. 箭头函数

语法更简洁，且自动绑定当前上下文的 this。按理说，

// 旧写法var sum = function { return a + b;}，怎么说呢，// ES6const sum = => a + b;// 单行自动 return// 配合数组方法更是绝配.map;说起来，

. 解构赋值

从数组或对象中提取值。爽到飞起，老实说，

const user = { name: 'Alice'。age: }，// 旧写法var name = user.name;var age = user.age;// ES6const { name,age } = user;// 对象解构const =;怎么说呢，// 数组解构

. 运算符

数组合并、对象复制。三个点全搞定，说起来，

const arr1 =;const obj1 = { a: };// 数组合并const arr2 =;// // 对象浅拷贝/合并const obj2 = { ...obj1,b: };// { a:,b: }

. 数组新方法

查找元素从未如此简单。 告别 for 循环。

const arr =;// find: 返回第一个匹配的值const found = arr.find;// // Array.from: 将类数组对象转为数组const newArr = Array.from;//

. 字符串新方法

判断字符串包含关系，不再需要 indexOf!== -。

const str = 'Hello World';// includes: 是否包含str.includes;// true// startsWith / endsWith: 开头/判断str.startsWith;// truestr.endsWith;// true

. Promise

解决回调地狱的工具，异步操作更优雅。

// 模拟异步请求 const getData = => { return new Promise => { setTimeout => resolve,);})，};// 使用 getData.n);

. 模块化

组件化开发的基础，彻底告别全局变量污染。

// lib.js export const pi=;export const add= => a + b;// main.js import { pi,add} from './lib.js';console.log);

. 类

虽然 JS 本质是原型继承，但 Class 写法让面向对象编程更直观。

// ES6 class Animal{ constructor{ this.name= name;} speak{ console.log;按理说，} } Const dog= new Animal;怎么说呢，dog.speak;

掌握这 个特性，足以应对 % 的日常前端开发场景。ES6 不仅是语法糖，更是提高代码可读性和维护性的利器。赶紧在项目中用起来吧，

喜欢这篇文章的话，欢迎点赞、收藏、关注！