1. 使用 const 和 let：
- 使用 const 声明不会被重新赋值的变量，这有助于提高代码的可读性。
- 使用 let 声明可能会被重新赋值的变量。
const PI = 3.14;
let count = 0;
2. 使用箭头函数：
- 对于简单的函数，尤其是在回调函数中，使用箭头函数可以使代码更为简洁。
// 传统函数
function add(a, b) {
return a + b;
}
// 箭头函数
const add = (a, b) => a + b;
3. 使用解构赋值：
- 使用解构赋值可以方便地从对象或数组中提取值，使代码更简洁。
// 对象解构
const { name, age } = person;
// 数组解构
const [first, second] = numbers;
4. 使用模板字符串：
- 使用模板字符串可以更方便地拼接字符串，同时提高可读性。
const name = 'John';
console.log(`Hello, ${name}!`);
5. 使用类和模块：
- 使用 class 关键字定义类，使用 import/export 语法组织代码结构，使代码更面向对象且易于组织。
// 定义类
class Person {
constructor(name) {
this.name = name;
}
}
// 导入/导出模块
import { add, subtract } from './math';
6. 避免使用全局变量：
- 避免在全局范围内声明变量，以减少命名冲突和提高代码的封装性。
7. 使用默认参数和剩余参数：
- 使用默认参数可以使函数更灵活，使用剩余参数可以处理不定数量的参数。
// 默认参数
function greet(name = 'Guest') {
console.log(`Hello, ${name}!`);
}
// 剩余参数
function sum(...numbers) {
return numbers.reduce((total, num) => total + num, 0);
}
8. 保持一致的缩进和格式：
- 使用一致的缩进和代码格式，例如使用空格或制表符，以提高代码的一致性。
// 一致的缩进
function example() {
if (condition) {
// code
} else {
// code
}
}
转载请注明出处：http://www.zyzy.cn/article/detail/4686/ES6