带你了解面试常被问到的ES6+的核心新特性

前言：在面试中，面试官经常会问你有没有了解过ES6+的新特性？你有用过哪些ES6+的好用的特性？这背后其实是面试官希望了解你是否关注技术前沿，是否能够将新特性运用到实际开发过程中。下面我简单介绍下一些核心特性，以便各位在面试中心里有个大概的回答思路。

1. 变量声明

let和const：
- let：块级作用域，避免变量提升导致的意外覆盖。
- const：声明常量，值不可修改（对象 / 数组内容可变）。
- 应用场景：循环变量、配置项等。

箭头函数（() => {}） ：
- 语法更简洁，无this绑定（继承外层作用域的this）。
- 示例：适合回调函数，如arr.map(item => item * 2)。
默认参数：
- function greet(name = 'Guest') { ... }，简化参数处理。

js 复制代码

const name = 'Alice'; 
console.log(`Hello, ${name}! Age: ${20 + 5}`);

js 复制代码

const { name, age } = { name: 'Bob', age: 30 };

js 复制代码

const [a, b, ...rest] = [1, 2, 3, 4]; // rest = [3,4]

大家可以看我这篇文章详细了解解构(《五分钟带你了解ES6中的解构》 - 掘金 (juejin.cn))

js 复制代码

fetchData().then(result => handle(result));

js 复制代码

async function loadData() {
    const response = await fetch(url); 
    return response.json(); 
}

js 复制代码

// 导出 
export const add = (a, b) => a + b; 
// 导入
import { add } from './math.js';

js 复制代码

const unique = new Set([1, 2, 2, 3]); // size: 3

js 复制代码

const map = new Map(); map.set('key', 'value');

js 复制代码

const name = 'Alice'; 
const obj = { name, sayHello() { ... } }; // 简写属性和方法

js 复制代码

[1, 2, 3].includes(2); // true

js 复制代码

const arr = [1, 2]; 
const newArr = [...arr, 3]; // [1,2,3]

js 复制代码

const handler = { get(target, key) { ... } };
const proxy = new Proxy(target, handler);