ES6及以上新特性

ES6（ECMAScript 2015）及以上版本引入了许多新特性，每个版本都有不同的增强和改进。以下是 ES6 及以上版本的新特性的详细描述：

ES6（ECMAScript 2015）：

  1. let 和 const 声明：引入块级作用域的变量声明，用于替代 var 声明，解决了变量提升的问题。

  2. 箭头函数：用 “=>” 符号定义函数，自动绑定父级上下文的 this，并且没有自己的 this。

  3. 模板字符串：使用反引号（`）定义多行字符串和字符串插值，可以在字符串中插入变量。

  4. 解构赋值：从数组或对象中提取值，赋值给变量，方便处理数据。

  5. 默认参数值：在函数定义中为参数设置默认值，简化函数的调用。

  6. 扩展运算符：用三个点（…）表示，用于将数组或对象展开成多个参数或元素。

  7. 类和继承：引入 class 和 extends 关键字，实现了更加面向对象的编程。

  8. Promise：用于处理异步操作的对象，解决了回调地狱的问题，提供了更加优雅的异步编程方式。

  9. Set 和 Map 数据结构：Set 是一种无重复值的集合，Map 是键值对的集合，提供了更多方便的数据结构。

  10. Symbol：引入了一种新的原始数据类型 Symbol，用于创建唯一的标识符。

ES7（ECMAScript 2016）：

  1. Array.prototype.includes：新增了数组的 includes 方法，用于判断数组中是否包含指定的值。

  2. 指数操作符：引入了指数操作符（**），用于计算指数。

ES8（ECMAScript 2017）：

  1. async/await：引入了 async 和 await 关键字，用于简化异步编程，使异步代码看起来像同步代码一样。

  2. Object.values 和 Object.entries：新增了 Object.values 和 Object.entries 方法，分别用于获取对象的值和键值对。

  3. String padding：String.prototype.padStart、String.prototype.padEnd

  4. 函数参数列表结尾允许逗号：方便使用git进行多人协作开发时修改同一个函数减少不必要的行变更。

  5. Object.getOwnPropertyDescriptors()：用来获取一个对象的所有自身属性的描述符,如果没有任何自身属性，则返回空对象。

const obj = {name: 'lxm',get age() { return '28' }
};
Object.getOwnPropertyDescriptors(obj)

在这里插入图片描述

  1. SharedArrayBuffer 对象：用来表示一个通用的，固定长度的原始二进制数据缓冲区

  2. Atomics 对象：提供了一组静态方法用来对 SharedArrayBuffer 对象进行原子操作

ES9（ECMAScript 2018）：

  1. 异步迭代器：引入了异步迭代器和 for-await-of 循环，用于异步迭代数据。
//before
async function process(array) {for (let i of array) {await doSomething(i);}
}async function process(array) {array.forEach(async i => {await doSomething(i);});
}//after ES9
async function process(array) {for await (let i of array) {doSomething(i);}
}

  1. Promise.finally()：无论Promise运行成功还是失败，运行相同的代码，例如清除，删除对话，关闭数据库连接等。promise.then().catch().finally(()=>console.log("finish here!"));

  2. Rest/Spread 属性：引入了对象的 Rest 和 Spread 属性，即Rest参数和扩展运算符，用于简化对象的操作。

  3. 正则表达式命名捕获组

	const reDate = /([0-9]{4})-([0-9]{2})-([0-9]{2})/,match  = reDate.exec('2018-04-30'),year   = match[1], // 2018month  = match[2], // 04day    = match[3]; // 30//使用符号?<name>,任何匹配失败的命名组都将返回undefined。const reDate = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/,match  = reDate.exec('2018-04-30'),year   = match.groups.year,  // 2018month  = match.groups.month, // 04day    = match.groups.day;   // 30

  1. 正则表达式反向断言(lookbehind)

  2. 正则表达式dotAll模式
    正则表达式中点.匹配除回车外的任何单字符，标记s改变这种行为，允许行终止符的出现，例如：

    /hello.world/.test('hello\nworld');  // false	

    /hello.world/s.test('hello\nworld'); // true

ES10（ECMAScript 2019）：

  1. Array.prototype.flat 和 Array.prototype.flatMap：新增了数组的 flat 和 flatMap 方法，用于扁平化和映射数组。

  2. String.prototype.trimStart 和 String.prototype.trimEnd：新增了字符串的 trimStart 和 trimEnd 方法，用于去除字符串的开头和结尾空格。

  3. String.prototype.matchAll：为所有匹配的匹配对象返回一个迭代器

  4. Symbol.prototype.description：只读属性，回 Symbol 对象的可选描述的字符串。typeof a.description === "string"

  5. Object.fromEntries()：返回一个给定对象自身可枚举属性的键值对数组

  6. 可选 Catch参数:从try{}catch(e){} 变为 try{}catch{}

  7. JSON Superset 超集：主要解决了JSON字符串中包含有行分隔符 (\u2028) 和段落分隔符 (\u2029) 的问题，这些字符在之前的ECMAScript中会导致解析错误。JSON.parse('"\u2028"');//“”

  8. JSON.stringify() 加强格式转化，使其能够正确处理一些超出范围的Unicode字符。

  9. Array.prototype.sort() 更加稳定

  10. Function.prototype.toString() 重新修订：之前，Function.prototype.toString()只会返回了函数的主体，但没有注释和空格。现在，函数返回的结果与编写的一致：

//函数定义
function /* a comment */ foo() {}
//ES10之前
foo.toString(); // 'function foo() {}'
//ES10之后
foo.toString(); // 'function /* a comment  */ foo () {}'

ES11（ECMAScript 2020）：

  1. 可选链操作符：引入了可选链操作符（?.），用于简化链式属性访问，防止出现未定义的错误。

  2. 空位合并操作符：引入了空位合并操作符（??），用于提供默认值，当值为 null 或 undefined 时使用默认值。

  3. 动态 import (): import('a').then(module => { console.info(module) });

  4. BigInt:有两种使用方式：(1)在数字字面量的后面添加后缀n；(2)使用其构造函数BigInt。
    支持位运算符（不支持无符号位移）、BigInt 无法直接和 Number运算、一些内置模块如 Math 也不支持 BigInt，如Math.pow(2n, 64n)、BigInt 和 Number 相等，但并不严格相等、Bigint支持和Number通过符号 > 或 < 比较大小

  5. globalThis:window（Window）、self（Worker）、global（node.js）。
    最开始通过const globals = (new Function('return this;'))()拿到全局对象，但 Chrome APP 内容安全策略不允许。
    es6-shim穷举所有可能的全局属性：

    var getGlobal = function () {if (typeof self !== 'undefined') { return self; }if (typeof window !== 'undefined') { return window; }if (typeof global !== 'undefined') { return global; }throw new Error('unable to locate global object');
};
var globals = getGlobal();
if (!globals.Reflect) {defineProperty(globals, 'Reflect', {}, true);
}

  6. Promise.allSettled：新增了 Promise.allSettled 方法，用于处理多个 Promise 对象，返回所有 Promise 的状态。

  7. for in 结构：用于规范for-in语句的遍历顺序。

ES12（ECMAScript 2021）：

  1. String.prototype.replaceAll：新增了字符串的 replaceAll 方法，用于替换所有匹配的子字符串。

  2. Promise.any：新增了 Promise.any 方法，用于处理多个 Promise 对象，只要有一个完成即可。

  3. 逻辑赋值操作符 ??=、&&=、 ||=，有了这个新的标准中，逻辑表达式的操作符（&&、||、??）也可以简写了！

  4. WeakRef创建一个对象的弱引用，而不会阻止该对象被垃圾回收器回收。用构造函数来创建一个WeakRef对象ref = new WeakRef(data); 用WeakRef.prototype.deref()来取到原对象的值。 obj = ref.deref();

  5. 下划线分隔符：数字太长会导致可读性很差。使用了数字分隔符 _ （下划线），就可以让数字读的更清晰。let num = 2_3333_3333 和 let num = 233333333等价

  6. Intl.ListFormat：是一个构造函数，处理和多语言相关的对象格式化操作：

//参数属性 style:long|short; type:conjunction|disjunction
const list = ['Apple', 'Orange', 'Banana']// 会根据语言来返回相应的格式化操作
// "Apple, Orange and Banana"
new Intl.ListFormat('en-GB', { style: 'long', type: 'conjunction' }).format(list);
// "Apple、Orange或Banana"
new Intl.ListFormat('zh-cn', { style: 'short', type: 'disjunction' }).format(list);
  1. Intl.DateTimeFormat API 中的 dateStyle 和 timeStyle 的配置项
    (1) dateStyle 用于指定日期的显示样式，可以设置为以下值：full | long | medium | short
    (2) timeStyle 用于指定时间的显示样式，可以设置为以下值：full | long | medium | short

ES13（ECMAScript 2022）：

  1. Array.prototype.at：新增了数组的 at 方法，用于根据索引获取元素，支持负数索引。

以上是 ES6 及以上版本的主要新特性，每个版本都为 JavaScript 提供了更多的功能和语法糖，使得开发更加便捷和高效。随着 ECMAScript 的不断演进，未来的版本还会引入更多的新特性和改进，使得 JavaScript 成为更加强大和灵活的语言。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/17346.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【嵌入式学习笔记】嵌入式入门2——中断（外部中断）

【嵌入式学习笔记】嵌入式入门2——中断（外部中断）

1.什么是中断 打断CPU执行正常的程序&#xff0c;转而处理紧急程序&#xff0c;然后返回原暂停的程序继续运行&#xff0c;就叫中断 1.1.中断的作用与意义 作用1&#xff1a;实时控制在确定时间内对相应事件作出响应——定时器中断作用2&#xff1a;故障处理检测到故障&…
阅读更多...
Makefile模板和工程模板（消息队列和共享内存）的使用

Makefile模板和工程模板（消息队列和共享内存）的使用

一、 Makefile模板 #指定生成的文件名 OJB_OUT test#指定每一个c文件对应的.o文件 OBJS a.o b.o main.o#指定编译器 CC gcc#指定需要的库 ULDFLAGS ########################################### #以下的内容不需要修改 ########################################### all:…
阅读更多...
NASA和uAvionix在AAM测试场部署SkyLine C2指挥和控制服务

NASA和uAvionix在AAM测试场部署SkyLine C2指挥和控制服务

蒙大拿州比格福克和弗吉尼亚州汉普顿2023年07月28日——美国宇航局和uAvionix签署了一项太空法案协议&#xff0c;为城市环境中的无人机系统 (UAS)开发先进的超视距(BVLOS)指挥和控制(C2)技术。根据协议&#xff0c;NASA将与uAvionix合作&#xff0c;利用基于互联网的基础设施和…
阅读更多...
(二)Spring WeFlux响应式编程第二种整合方案|道法术器

(二)Spring WeFlux响应式编程第二种整合方案|道法术器

Spring WebFlux 响应式异步编程|道法术器(一) Spring WeFlux响应式编程整合另一种方案|道法术器(二) R2dbc操作mysql 注意下面红色部分与上一篇"Spring WebFlux 响应式异步编程|道法术器(一)" 不一样的依赖包 技术整合: <!--设置spring-boot依赖的版本 --> &l…
阅读更多...
kafka部署

kafka部署

1.kafka安装部署 1.1 kafaka下载 https://archive.apache.org/dist/kafka/2.4.0/kafka_2.12-2.4.0.tgz Binary downloads是指预编译的软件包，可供直接下载和安装，无需手动编译。在计算机领域中，二进制下载通常指预构建的软件分发包，可以直接安装在系统上并使用 "2.…
阅读更多...
麒麟-飞腾Kylin-V4桌面arm64系统静态编译QT

麒麟-飞腾Kylin-V4桌面arm64系统静态编译QT

1.系统具体版本&#xff1a; 2. 因为此版本的源很老了&#xff0c;需要修改版本的源&#xff0c;才能正常更新各种软件&#xff0c;否则&#xff0c;你连麒麟商店都打不开。 sudo vi /etc/apt/sources.list 选择你系统对应版本的源地址&#xff1a; #4.0.2桌面版本: deb ht…
阅读更多...
django后台系统Tyadmin

django后台系统Tyadmin

无意之间发现个django的后台管理框架&#xff0c;仔细与xadmin对比了一下&#xff0c;无论是功能上还是便携性上都与xadmin特别相似&#xff0c;但个人感觉Tyadmin略胜一筹&#xff0c;因为外观上要比xadmin要美观&#xff0c;而且相比起来速度也快&#xff0c;部署甚至也和简单…
阅读更多...
ModuleNotFoundError: No module named ‘_sqlite3‘

ModuleNotFoundError: No module named ‘_sqlite3‘

前言 遇到报错信息如下&#xff1a; ModuleNotFoundError: No module named _sqlite3解决方式 参考解决方式&#xff1a; https://blog.csdn.net/jaket5219999/article/details/53512071 find / -name _sqlite*.socp /usr/lib64/python3.6/lib-dynload/_sqlite3.cpython-36…
阅读更多...
Eureka 学习笔记1：服务端实例缓存

Eureka 学习笔记1：服务端实例缓存

版本 awsVersion ‘1.11.277’ 缓存类型registryConcurrentHashMap<String, Map<String, Lease<InstanceInfo>>>AbstractInstanceRegistry成员变量readWriteCacheMapLoadingCacheResponseCacheImpl成员变量readOnlyCacheMapConcurrentMap<Key, Value>…
阅读更多...
uniapp 路由跳转方式

uniapp 路由跳转方式

export function goBack(index, url) {if (index 1) { // 关闭当前页&#xff0c;返回上一页面或多级页面。uni.navigateBack({delta: url,animationType: pop-out,animationDuration: 300});} else if (index 2) { // 保留当前页&#xff0c;跳转到非tabbar页面&#xff0c;…
阅读更多...
vue拖拽改变宽度

vue拖拽改变宽度

1.封装组件ResizeBox.vue <template><div ref"resize" class"resize"><div ref"resizeHandle" class"handle-resize" /><slot /></div> </template> <script> export default {name: Resi…
阅读更多...
Ubuntu的tar命令详解

Ubuntu的tar命令详解

在 Ubuntu 中压缩文件夹可以使用 tar 命令。tar 可以将多个文件或文件夹打成一个包&#xff0c;并可选是否进行压缩&#xff0c;最常用的压缩方式是 gzip 和 bzip2。 常用的 tar 命令参数如下&#xff1a; -c&#xff1a;创建新的 tar 包&#xff1b; -x&#xff1a;解压 tar…
阅读更多...
【Docker】使用docker-maven-plugin插件构建发布推镜像到私有仓库

【Docker】使用docker-maven-plugin插件构建发布推镜像到私有仓库

文章目录 1. 用docker-maven-plugin插件推送项目到私服docker1.1. 构建镜像 v1.01.2. 构建镜像 v2.01.3. 推送到镜像仓库 2. 拉取私服docker镜像运行3. 参考资料 本文描述了在Spring Boot项目中通过docker-maven-plugin插件把项目推送到私有docker仓库中&#xff0c;随后拉取仓…
阅读更多...
四大软件测试策略的特点和区别（单元测试、集成测试、确认测试和系统测试）

四大软件测试策略的特点和区别（单元测试、集成测试、确认测试和系统测试）

四大软件测试策略分别是单元测试、集成测试、确认测试和系统测试。 一、单元测试 单元测试也称为模块测试&#xff0c;它针对软件中的最小单元&#xff08;如函数、方法、类、模块等&#xff09;进行测试&#xff0c;以验证其是否符合预期的行为和结果。单元测试通常由开发人…
阅读更多...
【AI】《动手学-深度学习-PyTorch版》笔记（五）：线性代数

【AI】《动手学-深度学习-PyTorch版》笔记（五）：线性代数

AI学习目录汇总 1、标量 1.1 介绍 标量就是我们常见的单个数字（包括整数、小数等等），可以使用只有一个元素的张量表示 1.2 表示方法 用小写字母表示，如：x、y、z 1.3 程序示例 import torchx = torch.tensor(8.0) y = torch.tensor(3.0)x + y
阅读更多...
[SQL挖掘机] - 窗口函数 - row_number

[SQL挖掘机] - 窗口函数 - row_number

介绍: row_number() 是一种常用的窗口函数&#xff0c;它为结果集中的每一行分配一个唯一的数字。这个数字的分配基于指定的排序顺序&#xff0c;并且不会跳过相同的排名。 用法: row_number() 函数的语法如下&#xff1a; row_number() over ([partition by 列名1, 列名2,…
阅读更多...
pgsql 查看某个表建立了那些索引sql

pgsql 查看某个表建立了那些索引sql

执行以下sql&#xff1a; SELECTns.nspname as schema_name,tab.relname as table_name,cls.relname as index_name,am.amname as index_type,idx.indisprimary as is_primary,idx.indisunique as is_unique FROMpg_index idx INNER JOIN pg_class cls ON cls.oididx.indexrel…
阅读更多...
小程序相较于APP，广告变现有哪些优势？

小程序相较于APP，广告变现有哪些优势？

对于开发者而言&#xff0c;微信小程序开发门槛相对较低&#xff0c;难度不及APP&#xff0c;能够满足简单的基础应用&#xff0c;适合生活服务类线下商铺以及非刚需低频应用的转换。 和早期相比&#xff0c;今天小程序在产品功能、UI设计、交互体验等方面&#xff0c;越来越精…
阅读更多...
【深度学习】MAT: Mask-Aware Transformer for Large Hole Image Inpainting

【深度学习】MAT: Mask-Aware Transformer for Large Hole Image Inpainting

论文&#xff1a;https://arxiv.org/abs/2203.15270 代码&#xff1a;https://github.com/fenglinglwb/MAT 文章目录 AbstractIntroductionRelated WorkMethod总体架构卷积头Transformer主体Adjusted Transformer Block Multi-Head Contextual Attention Style Manipulation Mo…
阅读更多...
在排序数组中查找元素的第一个和最后一个位置——力扣34

在排序数组中查找元素的第一个和最后一个位置——力扣34

文章目录 题目描述法一 二分查找 题目描述 法一 二分查找 int bsearch_1(int l, int r) {while (l < r){int mid (l r)/2;if (check(mid)) r mid;else l mid 1;}return l; }int bsearch_2(int l, int r) {while (l < r){int mid ( l r 1 ) /2;if (check(mid)) l …
阅读更多...
最新文章

Copyright @ 2022~2023