首页 > TAG信息列表 > ES11

ES6-ES11易忘笔记

let 经典案例实践 点击切换背景色案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .item{ width: 100px; height: 60px; display: in

ECMAScript 2020(ES11) 的新特性总结

快速通道: ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全 老规矩,先纵览下 ES2020 的新功能: 动态 import ():按需导入空值合并运算符:表达式在 ?? 的左侧 运算符求值为undefined或null,返回其右侧可选链接:?.用户检测不确定的中间节点BigInt:新基本数据类型,表示任意精度

js ES11新特性的一些重点

1.私有属性 面向对象中在类内部才能访问的属性成为私有属性。js的类中属性前面#表示是私有属性。在类的外部无法访问。 class Person{ // 共有属性 name; // 私有属性 #age; #weight; // 构造

ES11中的空值合并运算符

小编在自己的朋友圈和一些论坛中,都有看到一些前端或者后端被js中判断折磨到起飞,特别是针对空字符串和数字0,在js中,以下6种情况是false undefined null false 0 NaN ''或""(特别的,当字符串中间全是空格的时候,会判断为true) 为了解决这个痛点,es11中引入空值合并运算符。

ES11的Promise.allSettled

小编最近因为一些自己的问题,没有更新文章。今天刚好有一点精神头,特意来更新一下,今天和大家一起探讨的是Promise对象中的allSettled方法,主要是为了解决多次异步请求的时候,中途出现失败的痛点处理。 在之前的文章中,小编更新的Promise.all方法,这个主要是为了优化多次请求的情况,可以写

ES11中的bigint

上一周小编因为自己的事情,没有持续更新,还望大家谅解,趁着今天醒得早,小编继续和大家学(si)习(ke)es11中的新语法。在js中,对整数类型的数据,存在着最大极限,这个极限就是 const max = 2**53 // js幂运算 console.log(max) // 9007199254740992 同样,为了计算的准确性,js也定义了最大安

ECMAScript 2020(ES11)新特性简介

简介 ES2020 是ECMA协会在2020年6月发行的一个版本,因为是ECMAScript的第十一个版本,所以也称为ES11. 今天我们讲解一下ES11的新特性。 ES11引入了9个新特性,我们接下来一一讲解。 动态imports 在ES11之前,我们可以使用下面的方式进行模块的导入: import * as TestModule from "./test-

ECMAScript 2020(ES11)新特性简介

目录简介动态importsimport.metaexport加强BigIntmatchAll()globalThisPromise.allSettled()??操作符?.操作符总结 简介 ES11是ECMA协会在2020年6月发行的一个版本,因为是ECMAScript的第十一个版本,所以也称为ES11. 今天我们讲解一下ES11的新特性。 ES11引入了9个新特性,我们接下来一

ES11中matchAll

小编今天和大家继续研究es11,今天的这个方法主要是针对字符串匹配上,之前匹配字符串的时候,更多的是使用正则表达式,就像这样。 const str = ` <html> <body> <div>第一个div</div> <p>这是个p</p> <div>第二个div</div>

ES11新特性_绝对全局对象globalThis---JavaScript_ECMAScript_ES6-ES11新特性工作笔记067

我们打印一下这个globalThis这个对象去看看,这个是始终指向全局对象的一个系统变量可以直接使用.可以看到在js中显示是window对象对吧然后我们在node.js的环境中去试试,可以看到 

ES11新特性_BigInt---JavaScript_ECMAScript_ES6-ES11新特性工作笔记066

然后我们再来看一下这个es11,提供了一个类型叫做BigInt,用来对超大数字做运算的 可以看到对于BigInt大整形,需要在数字后面添加一个n,就表示大整形.我们可以打印一下和这个n的类型去看看可以看到结果是bigint然后我们还可以用BigInt(n),这个大整形函数,把普通的整形转换成大整形.

ES11新特性_动态import---JavaScript_ECMAScript_ES6-ES11新特性工作笔记065

 然后我们再看一下,es11中提供的这个动态的import这个是用来解决什么问题?解决以前我们导入需要的js文件,都是怎么导入,把需要的都一次导入进来对吧,做不到按需导入,这样会导致一个问题,就是页面的显示效率会下降,因为,页面打开需要加载的js太多了. 我们es11提供的这个动态的impo

17.(ECMAScript)es11完全解读

文章目录 1. 重点提炼2. 字符串扩展2.1 定义一个html模版的字符串。 => 需求:获取div标签中的内容。2.1.1 exec g实现2.1.2 /g作用2.1.3 match实现2.1.4 replace实现2.1.5 matchAll 3. 动态导入:Dynamic import()4. 新的原始数据类型:BigInt4.1 数字后面增加n4.2 使用 BigInt

24.ES11

私有属性 class Person{ //公有属性 name; //私有属性 #age; #weight; //构造方法 constructor(name, age, weight){ this.name = name; this.#ag

ES11

1、可选链操作符 -- Optional Chaining (?.) 减少访问深层对象时判断属性存不存在的问题。 a = { b: { c: { d: { e: 1 } } } } // 必须检查属性是否存在于每个级别,以避免

ES11新特性_私有属性---JavaScript_ECMAScript_ES6-ES11新特性工作笔记061

然后我们再来看es11的,私有属性去看看  可以看到我们这里去声明一个类,在类中,我们声明公有属性直接写就可以 对于私有属性需要在属性前加上#,然后我们写一个构造方法, 注意构造方法中对于私有属性的赋值,要带上#,写全.   然后我们去new这个类,然后传入参数.   去浏览器看