做淘宝货源网站全网引擎搜索
ES2015：
1.块级作用域const、let
const声明对象可修改属性，但不能重新赋值对象。
2.解构赋值
const arr = [a1, a2, a3];
const [a1, ...rest] = arr; // rest = [a2, a3];
3.模板字符串``
const date = "星期一";
console.log(`今天是${date};`);
4.函数参数默认值
func(a = 1, ...rest) {}
5.箭头函数
const func = () => {};
6.对象代理proxy
const personProxy = new Proxy(person, {get() {},set() {}
});
// 劫持对象修改其属性
7.Object.assign、Object.is
// 对象合并或赋值
const obj = Object.assign(o1, o2);// 对象判断
NaN === NaN; // false;
Object.is(NaN, NaN); // true;
8.异步解决方案Promise
new Promise((resolve, reject) => {resolve(data);
)).then((data) => {})
.then...
9.类class、extents、super
10.数据结构Set、Map、Symbol
// 不重复集合Set；
// 有序键值对，键不只是字符串，可以是任意值集合Map；
// 唯一值Symbol；
Symbol('symbol') === Symbol('symbol'); // false;
Symbol.for('symbol') === Symbol('symbol'); // true; 全局表
11.for…of遍历
for (const item of set) {}
for (const [item, value] of map) {}
12.模块化module
export { num, numFunc };
import { num as n, numFunc } from './common.js';
13.字符串方法startsWith、endsWith、includes
ES2016
1.数组includes方法
2.指数运算符**
2**3 // Math.pow(2, 3);
ES2017
1.异步async await
async func () => {await getSomeApi();
};
2.对象方法Object.values()、Object.entries
类似于Object.keys()返回对象所有的键、值、键值对数组。
3.字符串方法padStart()、padEnd()
// 补全字符串开头和结尾
padStart(3, '1'); // 001
ES2018
1.异步迭代
for await(const item of items) {}
2.promise.finally
.catch()
.finally(() => {});
3.对象rest
const obj = {a: 1, b: 2, c: 3};
const {a, ...rest} = obj; // rest = {b: 2, c: 3};
const obj2 = {...rest, d: 4};
4.正则命名捕获组和断言
// ?<name>
const reg = /(?<year>/d{4})-(?<month>\d{2})/;
const result = reg.exec('2023-06'); // result.groups = {year: '2023', month: '06'};
// ?= 正向断言
// ?<= 反向断言
'Paul666'.match(/Paul?6+/); // Paul666
'Paul666'.match(/Paul(?=6+)/); // Paul
'Paul666'.match(/(?<=Paul)6+/); // 666
ES2019
1.数组扁平化
const arr = [[1], [2], [[3], [4]];
arr.flat(2); // [1, 2, 3, 4];
arr.flatMap(x => x); // [1, 2, [3], [4]];
2.Object.fromEntries()、Object.entries()
// 对象数组转化
const arr = [['age', '18'], ['name', 'jack']];
const obj = Object.fromEntries(arr); // {age: '18', name: 'jack'};
const arr = Object.entries(obj); // [['age', '18'], ['name', 'jack']];
3.字符串trimStart()、trimEnd()
去除前后的空格
4.Symbol.description
// 方便获取symbol描述
const symbol = Symbol('a');
symbol.description; // a;
5.catch参数可选
// 当我们catch不需要使用绑定参数时
try {} catch {};
ES2020
1.字符串matchAll
匹配所有符合条件的子串，返回匹配情况的数组。
2.import动态导入
// 需要该模块时才会加载，返回一个promise对象。
import('./common.js').then(module => {});
3.Bigint
// 针对js大数精度丢失问题
7897489489448464464n;
Bigint('7897489489448464464');
4.promise.allSettled
promise.all // 所有的promise对象均成功才执行then；
promise.allSettled // 所有的promise对象均有出现结果（成功或失败）；
promise.any // 只要有一个promise对象成功，则返回该promise对象；全部失败则返回AggregateError对象；
promise.race // 跑的快的promise对象的结果（成功或失败）；
5.统一全局对象globalThis
// 不同环境下的全局this对象
window === globalThis; // 浏览器
global === globalThis; // node.js
6.可选链？
防止类型报错，不存在则返回undefined。
7.空值合并？？
0 || 1; // 1 左侧为假返回右值；
0 ?? 1; // 0 左侧为null或undefined，才返回右值；
ES2021
1.字符串replaceAll
全部替换
2.promise.any
3.数字分隔符
const num = 1_000_000_000; // 更清晰；
ES2022
1.正则修饰符/d
/i // 忽略大小写；
/g // 全局；
/m // 多行；
/d // 返回indices表示匹配的下标开始和结束位置索引；
2.Object.hasOwn()
判断对象是否有子鼠星，比hasOwnProperty()（obj=null时会报错）安全；
3.cause自定义错误
throw new Error('failed', {cause: msg});
ES2023
1.HashBang语法
// 指定脚本文件的解释器
// #!/usr/bin/env node
console.log('js');