![](https://img-blog.csdnimg.cn/20201204114431450.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6
文章平均质量分 79
个人笔记
风.F
这个作者很懒,什么都没留下…
展开
-
ES6从入门到精通——Reflect 与 Proxy
ProxyProxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作。一个 Proxy 对象由两个部分组成: target 、 handler 。在通过 Proxy 构造函数生成实例对象时,需要提供这两个参数。 target 即目标对象, handler 是一个对象,声明了代理 target 的指定行为。let target = { name: 'Tom', ag原创 2020-12-09 17:32:20 · 98 阅读 · 0 评论 -
ES6从入门到精通——Symbol、Map 与 Set
SymbolES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。基本用法Symbol 值通过Symbol函数生成,Symbol函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。let s1 = Symbol();let s2 = Symbol();s1原创 2020-12-09 17:04:10 · 356 阅读 · 0 评论 -
ES6从入门到精通——数值和函数
数值Number.isFinite(), Number.isNaN()Number.isFinite()用来检查一个数值是否为有限的,即不是Infinity,为true的时候表示数值是有限的。当参数类型不是数值,Number.isFinite一律返回false。Number.isFinite(15); // trueNumber.isFinite(0.8); // trueNumber.isFinite(NaN); // falseNumber.isFinite(Infinity); // fa原创 2020-12-09 14:37:43 · 157 阅读 · 0 评论 -
ES6从入门到精通——数组
数组扩展运算符扩展运算符(spread)是三个点(…),将一个数组转为用逗号分隔的参数序列。可以用于array和object上,主要是将内容展开。它还有另外一种形式是剩余运算符(rest operator),也是用三个点(…)表示,主要用于解构赋值。现在我们具体去了解一下扩展运算符的用法:该运算符主要用于函数调用,一般来说除了用于函数调用时,其他情况下扩展运算符不可以放在圆括号中,否则会报错。console.log(...[1, 2, 3])// 1 2 3function add(x, y原创 2020-12-08 16:24:04 · 131 阅读 · 0 评论 -
ES6从入门到精通——对象
对象对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级,我们来了解一下对象的扩展和新增方法1.属性的简洁表示法ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。const age = 12;const name = "Amy";const person = {age, name};person //{age: 12, name: "Amy"}//等同于const person = {age: age, nam原创 2020-12-08 14:50:25 · 158 阅读 · 0 评论 -
ES6从入门到精通——解构赋值和字符串
解构赋值解构赋值是对赋值运算符的扩展,主要针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在解构中,有下面两部分参与:解构的源,解构赋值表达式的右边部分;解构的目标,解构赋值表达式的左边部分1.数组的解构赋值在解构的时候存在多种解构方法,如基本解构、嵌套解构、可忽略解构、不完全解构、剩余运算符解构、字符串结构、解构默认值等let [a, b, c] = [1, 2, 3];// a = 1 b = 2 c = 3let [foo, [[bar], baz]] = [1, [[2]原创 2020-12-05 17:46:39 · 150 阅读 · 0 评论 -
es6中的异步处理——Promise对象
什么是PromisePromise是一套异步的通用模型,是一个对象,从它可以获取异步操作的消息。Promise对象的两个阶段Promise对象的分为两个阶段分别是unsettled和settledunsettled: 表示未决阶段,表明事情还在进行前期的处理,并没有发生通向结果的那件事settled:表示已决阶段,表明事情已经有了一个结果,不管这个结果是好是坏,整件事情无法逆转Promise对象的三个状态Promise对象的三个状态,pending:挂起,处于未决阶段,则表示这件事情还在挂原创 2020-10-29 20:38:58 · 263 阅读 · 2 评论 -
es6——关于迭代器和生成器
什么是迭代器迭代器是es6中新引入的一种遍历机制,就是从一个数据集合中按照一定的顺序,不断取出数据的过程。迭代和循环的区别迭代强调的是按照顺序去取数据,但是不关心取多少,不关心取到的值。循环强调的是将数据依次取出JS中迭代器js规定,如果一个对象具有next()方法,并且该方法能返回一个对象{value:值,done是否迭代完成},那么就认为这个对象是一个迭代器。其中next用于得到下一个数据,返回对象中的value是下一个数据的值,done是描述迭代是否完成(false为为完成,true为完成原创 2020-10-26 21:49:02 · 245 阅读 · 1 评论