现代JavaScript，也就是ES6（ECMAScript 6）和更高版本，引入了很多新的语言特性来增强JavaScript的编程能力。以下为一些关键的新特性及其在项目中的使用：
1、let 和 const 关键字：
在ES6之前，我们只能用 var 关键字来声明变量。但是， var 关键字存在变量提升等问题。ES6引入了 let 和 const ，可以解决这类问题。
let ryan = 'Ryan'; // 可变的值
const year = 2024; // 不可变的值
2、模板字符串（Template Strings）：
这是一种更方便地做字符串拼接的方式，可以通过 ${} 来插入变量。
let name = 'Ryan';
let greeting = `Hello, ${name}!`;
console.log(greeting); // Hello, Ryan!
3、箭头函数（Arrow Functions）：
箭头函数提供了一个更简洁的函数编写方式，并且固定了函数的this值。
const nums = [1, 2, 3, 4];
const squares = nums.map(num => num * num);
console.log(squares); // [1, 4, 9, 16]
4、解构赋值（Destructuring）：
这是一种更方便地获取对象或数组中的数据的方式。
const person = {name: 'Ryan', age: 25};
let {name, age} = person;
console.log(name, age); // Ryan 25
5、Promise 和 async/await：
Promise 和 async/await 是管理和处理异步操作的新方式。
const getData = async () => {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);
}
getData();
6、类（Classes）：
这是一种基于原型的面向对象的编程语法糖，使得构建对象和继承更加容易。
class Animal {
constructor(name) {
this.name = name;
}
sayName() {
console.log(this.name);
}
}
let dog = new Animal('Spot');
dog.sayName(); // Spot
7、模块（Modules）：
JavaScript现在支持模块(native modules)，可以使用 import 和 export 进行模块的导入导出，使得代码更易于组织和复用。
// lib.js
export const PI = 3.1415926;
export function square(x) {
return x * x;
}
// main.js
import { PI, square } from './lib.js';
console.log(PI); // 3.145926
console.log(square(3)); // 9
8、展开语法（Spread Operator）：
这种语法可以展开一个数组或对象的所有元素。这在合并数组、对象或传递参数时非常有用。
// Array
let arr1 = [1, 2];
let arr2 = [...arr1, 3, 4];
console.log(arr2); // [1, 2, 3, 4]
// 对象
let obj1 = {name: 'Ryan'};
let obj2 = {...obj1, age: 25};
console.log(obj2); // {name: 'Ryan', age: 25}
9、**默认参数(Default Parameters)**：
你可以为函数的参数提供一个默认值，当调用者没有提供相应的参数时，将使用这个默认值。
function greet(name = 'Guest') {
return `Hello, ${name}!`;
}
console.log(greet()); // Hello, Guest!
console.log(greet('Ryan')); // Hello, Ryan!
10、对象/数组的静态方法：
ES6+添加了一些有用的静态方法，如 Object.assign, Array.from 等。
// Object.assign
let obj1 = {a: 1};
let obj2 = {b: 2};
let merged = Object.assign(obj1, obj2);
console.log(merged); // {a: 1, b: 2}
// Array.from
let set = new Set([1, 2, 3, 4]);
let arr = Array.from(set);
console.log(arr); // [1, 2, 3, 4]