
ECMAScript
文章平均质量分 87
ECMAScript 各版本知识点
北京李嘉城
个人主页:https://blog.jiacheng.gs.cn 学习交流Q群676190767
展开
-
12. ES6 async/await 的使用
ES2017 标准引入了 async 函数,使得异步操作变得更加方便。async 和 await 是用来处理异步操作的,把异步变为同步的一种方法。async/await 的目的为了简化使用基于 promise 的 API 时所需的语法。async/await 的行为就好像搭配使用了生成器和 promise。原创 2022-11-18 20:47:03 · 1695 阅读 · 0 评论 -
11. ES6 Module 模块化
随着前端的发展 JavaScript 实现的功能越来越多,程序的复杂度瞬间提升,所以有必要提供一种将 JavaScript 程序拆分为可按需导入的单独模块的机制,ES6 通过 import、export 来实现了模块化技术。原创 2022-11-17 22:03:42 · 1023 阅读 · 0 评论 -
10. ES6 Promise 对象的用法
Promise 是异步编程的一种解决方案,比传统的解决方案:回调函数和事件,更合理和更强大。所谓 Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。原创 2022-11-15 22:33:36 · 1183 阅读 · 0 评论 -
9. ES6 扩展运算符的用法
扩展运算符(spread)是三个点(`...`)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。扩展运算符后面还可以放置表达式。如果扩展运算符后面是一个空数组,则不产生任何效果。注意,只有函数调用时,扩展运算符才可以放在圆括号中,否则会报错。原创 2022-11-14 17:12:56 · 841 阅读 · 0 评论 -
8. ES6 箭头函数的用法
ES6 允许使用箭头(`=>`)定义函数。如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用`return`语句返回。由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。原创 2022-11-14 15:44:22 · 116 阅读 · 0 评论 -
7. ES6 函数参数的默认值
ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。另外,一个容易忽略的地方是,参数默认值不是传值的,而是每次都重新计算默认值表达式的值。也就是说,参数默认值是惰性求值的。原创 2022-11-14 14:32:40 · 376 阅读 · 0 评论 -
6. ES6 字符串的新增方法
ES5 提供`String.fromCharCode()`方法,用于从 Unicode 码点返回对应字符,但是这个方法不能识别码点大于`0xFFFF`的字符。上面代码中,`String.fromCharCode()`不能识别大于`0xFFFF`的码点,所以`0x20BB7`就发生了溢出,最高位`2`被舍弃了,最后返回码点`U+0BB7`对应的字符,而不是码点`U+20BB7`对应的字符。原创 2022-11-13 23:17:48 · 1094 阅读 · 0 评论 -
5. ES6 模板字符串
模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量(需要将名字写到 ${ } 中)。原创 2022-11-12 23:56:48 · 671 阅读 · 0 评论 -
4. ES6 Iterator 遍历器或迭代器
JavaScript 原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6 又添加了 Map 和 Set。这样就有了四种数据集合,就需要一种统一的接口机制,来处理所有不同的数据结构。遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作为各种数据结构,提供一个统一的、简便的访问接口使得数据结构的成员能够按某种次序排列。原创 2022-11-07 15:11:59 · 878 阅读 · 0 评论 -
3. ES6 新的原始数据类型 Symbol
ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法,新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入 的原因。ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它属于 JavaScript 语言的原生数据类型之一,其他数据类型是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Numbe原创 2022-11-03 22:31:50 · 951 阅读 · 0 评论 -
2. ES6 变量的解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(以前,为变量赋值,只能直接指定值)。下面是一些使用嵌套数组进行解构的例子:如果等号的右边不是数组(或者严格地说,不是可遍历的结构),那么将会报错。对于 Set 结构,也可以使用数组的解构赋值原创 2022-11-02 21:28:09 · 1140 阅读 · 0 评论 -
1. ES6 let 和 const 命令
ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法,这样的书写更加简洁。ES6 允许按照一定模式从数组和对象中提取值,对变量进行赋值。ES6 引入新的声明字符串的方式:反引号``原创 2022-11-02 18:55:40 · 906 阅读 · 0 评论