悦.L的博客

ProxyProxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。一个 Proxy 对象由两个部分组成： target 、 handler 。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。 target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。let target = { name: 'Tom', ag

SymbolES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。基本用法Symbol 值通过Symbol函数生成，Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。let s1 = Symbol();let s2 = Symbol();s1

数值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

数组扩展运算符扩展运算符（spread）是三个点（…），将一个数组转为用逗号分隔的参数序列。可以用于array和object上，主要是将内容展开。它还有另外一种形式是剩余运算符（rest operator），也是用三个点(…)表示，主要用于解构赋值。现在我们具体去了解一下扩展运算符的用法：该运算符主要用于函数调用，一般来说除了用于函数调用时，其他情况下扩展运算符不可以放在圆括号中，否则会报错。console.log(...[1, 2, 3])// 1 2 3function add(x, y

对象对象（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

解构赋值解构赋值是对赋值运算符的扩展，主要针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在解构中，有下面两部分参与：解构的源，解构赋值表达式的右边部分；解构的目标，解构赋值表达式的左边部分1.数组的解构赋值在解构的时候存在多种解构方法，如基本解构、嵌套解构、可忽略解构、不完全解构、剩余运算符解构、字符串结构、解构默认值等let [a, b, c] = [1, 2, 3];// a = 1 b = 2 c = 3let [foo, [[bar], baz]] = [1, [[2]

什么是PromisePromise是一套异步的通用模型，是一个对象，从它可以获取异步操作的消息。Promise对象的两个阶段Promise对象的分为两个阶段分别是unsettled和settledunsettled： 表示未决阶段，表明事情还在进行前期的处理，并没有发生通向结果的那件事settled：表示已决阶段，表明事情已经有了一个结果，不管这个结果是好是坏，整件事情无法逆转Promise对象的三个状态Promise对象的三个状态，pending：挂起，处于未决阶段，则表示这件事情还在挂

什么是迭代器迭代器是es6中新引入的一种遍历机制，就是从一个数据集合中按照一定的顺序，不断取出数据的过程。迭代和循环的区别迭代强调的是按照顺序去取数据，但是不关心取多少，不关心取到的值。循环强调的是将数据依次取出JS中迭代器js规定，如果一个对象具有next()方法，并且该方法能返回一个对象{value：值，done是否迭代完成}，那么就认为这个对象是一个迭代器。其中next用于得到下一个数据，返回对象中的value是下一个数据的值，done是描述迭代是否完成（false为为完成，true为完成