类似于 += *= 等运算符:
??=&&=||=let a = null\na ??= \"flag\" // a = a ?? \"flag\"\na &&= \"flag\" // a = a && \"flag\"\na ||= \"falg\" // a = a || \"flag\"\n允许在数字中间添加下划线 _ 增强可读性.
不允许出现在数字的首尾位置.
\n如: 1_000_000
注意: 带下划线的 String 类型的数字无法正常转换:
\nNumber(1_000) // 1000\nNumber(\"1_000\") // NaN\n接收一个 Promise 数组, 返回第一个 fulfilled 的 Promise 返回值.
当所有的 Promise 都 rejected 时, 进入 catch 块并返回 AggregateError 类型的错误.
对比 Promise.race() 是返回第一个 fulfilled 或 rejected 的 Promise 返回值.
String.replace() 只替换第一次匹配的字符
WeakRefs 为对象创建一个弱引用, 弱引用不会组织 JS 引擎垃圾回收期的回收, 一般很少使用.
\n使用 FinalizationRegistry 对象可以在垃圾回收器回收对象时, 执行回调函数:
\n// 构建监听对象被垃圾回收器清除的回调\nconst registry = new FinalizationRegistry(heldValue => {\n console.log(\"----\", heldValue)\n})\n\nconst obj = {}\nconst token = {}\n\n// 注册监听\nregistry.register(obj, \"obj deleted!\", token)\n\n// 取消监听\n// registry.unregister(token);\n\n// 可能很久以后，回调执行\n// ---- obj deleted!\n?.支持 obj?.a?.b?.c 运算, 当中间某个属性为 null 或 undefined 时, 直接返回 undefined .
同时支持 obj?.[expr] 方括号形式与 fun?.(...args) 函数调用形式.
?? 运算符类似于 || , 但只有运算符左侧值为 null 或 undefined 时才返回右侧值.
如 const username = list?.info?.base?.username ?? 'user';
而 || 运算符在左侧为 null undefined '' false 和 0 时都会返回右侧值.
import() 函数之前的 import 只能用在模块顶层, 无法支持动态加载或条件导入模块.
import() 函数支持动态加载模块, 返回一个 Promise :
if (page === \"home\") {\n import(\"./home.js\")\n .then(({ export1, export2 }) => {\n // 加载成功\n })\n .catch(err => {\n // 加载失败\n })\n}\n适用于:
\nexport * as xx from \"someModule\"相当于以下两个语句:
\nimport * as xx from \"someModule\";export {xx};可精确表示任意位数的整数, BigInt 类型的数据需要添加后缀 n .
const n = 34242345425325n\ntypeof n // \"bigint\"\n// 作为构造函数\nBigInt(3243) // 3243n\nBigInt(\"324\") // 324n\nBigInt(false) // 0n\nBigInt(true) // 1n\n接收一组 Promise 实例作为参数, 当这些 Promise 都返回结果, 无论是 fulfilled 还是 rejected , 状态都会变为 fulfilled , 返回 [{ status: \"fulfilled\" | \"rejected\", value?: any, reason?: any }]
const resolved = Promise.resolve(42)\nconst rejected = Promise.reject(-1)\n\nconst allSettledPromise = Promise.allSettled([resolved, rejected])\n\nallSettledPromise.then(function (results) {\n console.log(results)\n})\n// [\n// { status: 'fulfilled', value: 42 },\n// { status: 'rejected', reason: -1 }\n// ]\nPromise.allSettled(), Promise.all(), Promise.race()
\n返回一个正则表达式在当前字符串中的所有匹配.
\n返回一个迭代器, 可以使用 for..of 遍历或使用 Array.from() 转为数组遍历.
let regex = /t(e)(st(\\d?))/g\nlet string = \"test1test2test3\"\nlet r = string.matchAll(regex)\nArray.from(r)\n// [[\"test1\", \"e\", \"str1\", \"1\"],\n// [\"test2\", \"e\", \"str2\", \"2\"],\n// [\"test3\", \"e\", \"str3\", \"3\"]]\n全局属性 globalThis 包含全局的 this 对象.
以前在不同环境下获取全局 this 对象的方法各不相同, 如:
window 或 self 获取 thisself 获取 thisglobal 获取 this需要通过判断各种对象是否存在来获取 this, 较为繁琐.
globalThis 提供了一个标准方式来获取全局 this , 在各种环境下都适用.
for..in 定义了明确的顺序for (x in y) 语句将以规定的顺序执行.
返回带有 url 属性的对象, 可获取模块的基础 URL.
;<script type=\"module\" src=\"module.js\"></script>\n\nconsole.log(import.meta) // { url: \"file:///home/user/module.js\" }\n单独去掉 String 头或尾部的空白字符.
\n即 Object.entries() 的逆过程, 将 [[key, value]] 形式的键值对转为对象结构:
let obj = { a: \"aa\", b: 40 }\nlet entries = Object.entries(obj)\nentries // [[\"a\", \"aa\"], [\"b\", 40]]\nlet obj1 = Object.fromEntries(entries)\nobj1 // {a: \"aa\", b: 40}\nArray.flat([depth = 1]) 按照指定深度展开/铺平数组, 默认深度为 1
\nconst arr1 = [1, 2, [3, 4]]\narr1.flat() // [1,2,3,4]\nconst arr2 = [1, 2, [[[3, 4]]]]\narr2.flat(2) // [1,2,[3,4]]\narr2.flat(3) // [1,2,3,4]\nArray.flatMap() 即 Array.map() + Array.flat(1)
let arr1 = [\"it's Sunny in\", \"\", \"California\"]\n\narr1.map(x => x.split(\" \"))\n// [[\"it's\",\"Sunny\",\"in\"],[\"\"],[\"California\"]]\n\narr1.flatMap(x => x.split(\" \"))\n// [\"it's\",\"Sunny\",\"in\", \"\", \"California\"]\n支持语法 try {...} catch {...} .
获取 Symbol 对象创建时的描述信息:
\nconst symbol = Symbol(\"This is a symbol\")\nsymbol // Symbol(This is a symbol)\nsymbol.description // \"This is a symbol\"\n之前 JSON 字符串中包含行分隔符 \\u2028 或 段落分隔符 \\u2029 时, 调用 JSON.parse() 解析会报错, 修复了这个错误.
之前对于无效的 UTF-16 字符编码, JSON.stringify() 会被替换为无意义的特殊字符, 现在修复了这个错误:
JSON.stringify(\"\\uD83D\")\n// 之前: '\"�\"'\n// 目前: '\"\\\\ud83d\"'\n之前的规范允许不稳定的排序算法如快排, 目前主流浏览器都使用稳定的排序算法, 对于传入的比较算法计算结果等于 0 的情况也能保持顺序稳定.
\n之前的 Function.toString() 只返回函数主体, 丢失了原始的注释和空格等信息.
现在 Function.toString() 返回的结果与函数编写的一致.
用于遍历异步可迭代对象(也可遍历同步可迭代对象).
\n需要放在 async function 内部.
// 一个异步可迭代对象\nconst asyncIterable = {\n [Symbol.asyncIterator]() {\n return {\n i: 0,\n next() {\n if (this.i < 3) {\n return Promise.resolve({ value: this.i++, done: false })\n }\n\n return Promise.resolve({ done: true })\n },\n }\n },\n}\n// 遍历异步可迭代对象\n;(async function () {\n for await (n of asyncIterable) {\n console.log(n)\n }\n})()\n当 Promise 执行结束时, 无论结果是 fulfilled 还是 rejected, 都会执行 finally 回调.
\nnew Promise(...)\n .then(...)\n .catch(...)\n .finally(...);\n对象剩余属性:
\nlet obj = { a: \"aa\", b: 30, c: true, d: \"\" }\nlet { a, b, ...others } = obj\na // \"aa\"\nb // 30\nothers // { c: true, d: \"\" }\n新增 4 个 RegExp 新特性:
\n\\p{...}(?<=...) (?<!)(?<name>...)s 标志激活 . 字符匹配任意一个字符(dotAll 模式)使用另一个字符串(重复)填充当前字符串, 以达到指定长度
\npadStart 左侧填充padEnd 右侧填充\"abc\".padStart(10) // \" abc\", 默认填充空格\n\"abc\".padEnd(10) // \"abc \", 右侧填充\n\"abc\".padStart(10, \"foo\") // \"foofoofabc\", 用指定字符重复填充\n\"abc\".padStart(5, \"12345\") // \"12abc\", 多余字符丢弃\n\"abc\".padStart(2) // \"abc\", 若长度小于当前字符串则不变\n返回对象自身(不包括原型链)可枚举属性的键值对数组:
\nlet o = { a: \"aaa\", b: 20 }\nconsole.log(Object.entries(o)) // [['a', 'aaa'], ['b', 20]]\nfor (let [key, value] of Object.entries(o)) {\n console.log(`${key}: ${value}`)\n}\n与 for..in 循环的顺序一致, 但 for..in 循环会枚举原型链中的属性.
返回对象自身的所有可枚举属性值的数组:
\nlet o = { a: \"aaa\", b: 20 }\nconsole.log(Object.values(o)) // [\"aaa\", 20]\n使用 async await 关键字更简洁地书写基于 Promise 的异步行为.
获取对象的一个自有属性的属性描述符:
\nconst obj = { a: \"aaa\" }\nObject.getOwnPropertyDescriptor(obj, \"a\")\n// {value: 'aaa', writable: true, enumerable: true, configurable: true}\n允许在函数声明和函数调用的参数列表中使用尾随逗号:
\nconst func = (v1, v2,) => {...};\nfunc(\"t1\", \"t2\",);\n同时也支持对象字面量和数组字面量后的逗号.
\nWebWorkers 可以创建多线程程序, 使用 SharedArrayBuffer 创建共享数组缓冲区, 使得多个 workers 和主线程之间可以共享数据.
全局对象 Atomics 提供了一组静态方法对 SharedArrayBuffer 和 ArrayBuffer 进行原子操作, 使得多个线程可以按规定顺序安全地读写同一位置的数据.
\n\n为了防止 Spectre 漏洞, 所有主流浏览器默认禁用 SharedArrayBuffer .
\n
let x = 2 ** 5;
等价于 Math.pow(x, y)
“幂等”运算符 **= , 如:
let x = 5;\nx **= 2; // 相当于x = x ** 2\nlet arr = [\"1\", \"2\", \"3\"];\narr.includes(\"1\"); // true\narr.includes(\"4\"); // false\nlet 与 const 声明for/of 遍历可迭代的数据结构: Array, String, Map, NodeList 等
for/in : 遍历所有可枚举属性, 适用于遍历 Object 属性Map 对象Set 对象class \"面向对象\"相关方法实现PromiseSymbol 基本类型function fn(x = 2){...}function fn(a, b, ...others) {...}String.includes()String.startsWith() String.endsWith()Array.from() 从具有长度或可迭代的对象创建数组, 如 Set, String 等Array.keys() 返回数组的索引迭代器Array.find() Array.findIndex() 返回满足测试函数的第一个元素 / 元素索引.Math.trunc() 截取整数部分Math.sign() 返回数字的符号, 取值: 1, -1, 0, -0, NaN, 传入参数会被隐式转换为数字.Math.cbrt() 立方根Math.log2() Math.log10()Number.EPSILON 最小精度值, 两数之差小于此值可认为两数相等.Number.MIN_SAFE_INTEGER Number.MAX_SAFE_INTEGER 安全整数范围Number.isInteger() Number.isSafeInteger()isFinite() 参数为 Infinity 或 NaN 是返回 false, 其他情况为 trueisNaN()Object.entries() 返回对象可枚举属性的键值对数组
const o = { a: \"aa\", b: 2 };\nconsole.log(Object.entries(o)); // [[\"a\", \"aa\"], [\"b\", 2]]\n