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…
阅读更多...
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…
阅读更多...
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…
阅读更多...
【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;随后拉取仓…
阅读更多...
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 …
阅读更多...
Istio 安全 mTLS认证 PeerAuthentication

Istio 安全 mTLS认证 PeerAuthentication

这里定义了访问www.ck8s.com可以使用http也可以使用https访问&#xff0c;两种方式都可以访问。 那么是否可以强制使用mtls方式去访问&#xff1f; mTLS认证 PeerAuthentication PeerAuthentication的主要作用是别人在和网格里的pod进行通信的时候&#xff0c;是否要求mTLS mTL…
阅读更多...
链表OJ：环形链表

链表OJ：环形链表

Lei宝啊&#xff1a;个人主页 愿所有美好与我们不期而遇 题目描述 &#xff1a; 给你一个链表的头节点 head &#xff0c;判断链表中是否有环。 接口&#xff1a; bool hasCycle(struct ListNode *head) 示例1&#xff1a; 示例2&#xff1a; 返回值&#xff1a; true或…
阅读更多...
十分钟配置好Neovim go开发环境（其他语言一样）

十分钟配置好Neovim go开发环境（其他语言一样）

文章目录 前言仓库地址用法快捷键问题反馈 前言 这篇文章的目的是为了分享下我自己的Neovim配置。 本人是Golang程序员&#xff0c;最开始使用的IDE是JetBrains Goland。有一说一这个ide适配度很高&#xff0c;认识的很多人都使用这个。但是它也有几个对我来说的缺点&#xf…
阅读更多...
认识C语言

认识C语言

目录 1.C语言的发展历史 2.C语言的特点 3.C语言的应用领域 1.C语言的发展历史 C语言的发展历史可以追溯到20世纪60年代。在那个时候&#xff0c;计算机科学领域存在着多种编程语言&#xff0c;但它们在功能、效率和可移植性等方面存在一些限制。 C语言的起源可以追溯到贝尔实…
阅读更多...
在矩池云使用Llama2-7B的具体方法

在矩池云使用Llama2-7B的具体方法

今天给大家分享如何在矩池云服务器使用 Llama2-7b模型。 硬件要求 矩池云已经配置好了 Llama 2 Web UI 环境&#xff0c;显存需要大于 8G&#xff0c;可以选择 A4000、P100、3090 以及更高配置的等显卡。 租用机器 在矩池云主机市场&#xff1a;https://matpool.com/host-m…
阅读更多...
快应用编译前如何统一替换字符串

快应用编译前如何统一替换字符串

假设你有一个需求&#xff0c;要把代码里的ad-button替换为div&#xff0c;因为是mi看ad-button不爽。 这还不简单么&#xff0c;webpack有那么多成熟的plugins和loaders&#xff0c;本身我对webpack也只是略知一二&#xff0c;随便一搜网上的解决方案&#xff0c; string-re…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023