qq_45677671的博客

文章目录基本用法拦截操作1. 读取：get()2. 设值：set()3. 判断：has()4. 删除：deleteProperty()5. 定义：defineProperty()6. 原型：getPrototypeOf()7. 原型：setPrototypeOf()8. 绑定：apply()9. new：construct()10. 扩展：isExtensible ()11. 禁扩：preventExtensions()12. 属性：ownKeys()13. 描述：getOwnPropertyDescrip

>- Reflect 是为了操作对象而提供的新 API>- Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。>- 这些方法与proxy handlers (en-US)的方法相同。>- Reflect不是一个函数对象，因此它是不可构造的。>- 所以不能通过new运算符对其进行调用，或者将Reflect对象作为一个函数来调用。>- Reflect的所有属性和方法都是静态的

文章目录类的由来类的由来ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。JavaScript 语言中，生成实例对象的传统方法是通过构造函数。function Point(x,y){ this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + th

文章目录一、import export（导入导出）1.1、基本用法1.2、扩展用法（`as` 和 `*`）1.3、注意事项二、export default（导入导出）2.1、基本使用2.2、混合使用一、import export（导入导出）一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量使用export命令定义了模块的对外接口以后，其他 JS 文件就可以通过import命令加载这个模块。1.1、基

文章目录相关介绍基本使用注意事项同类比较相关介绍ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。通过比较就会发现，async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已四大特点：内置执行器async 函数自带执行器。也就是说 async 函数的执行，与普通函数一模一样，只要一行asyncReadFile();更好的语义asy

文章目录介绍基本用法常用方法1. Promise.prototype.then()2. Promise.prototype.catch()3. Promise.prototype.finally()4. Promise.all() 和 Promise.race()5. Promise.resolve() 和 Promise.reject()案例分析介绍Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一

箭头函数箭头函数是ES6里面有个简写函数的语法方式重点：箭头函数只能简写函数表达式，不能简写声明式函数function fn(){}; //不能简写const fun = function(){}; //可以简写let obj = { fn :function(){}; //可以简写} 语法：(函数的形参) => {函数体内要执行的代码}const fn = function(a,b){ console.log(a); console.log(b);}//可以使用箭

文章目录Set 数据结构常用方法1. 添加：`add()`2. 删除：`delete()`3. 判断：`has()`4. 清除：`clear()`5. 遍历：`forEach()`6. 遍历：`for...of`7. 长度：`size`Set 数据结构ES6新增语法迭代器结构的数据被称之为：字典数组语法：new Set()可以在实例化的时候，传递一个数组数组里面的每一个数据就是 set 数据类型的每一个数据没有索引const s = new Set(['hell

文章目录Map 创建的意义思考一个问题知识点分析代码Map 数据结构常用方法1. 添加：`add()`2. 删除：`delete()`3. 判断：`has()`4. 清除：`clear()`5. 遍历：`forEach()`6. 遍历：`for...of`7. 长度：`size`Map 创建的意义思考一个问题下面输出的结果是什么？var obj = {};var a = {name:'Jack'};var b = {name:'Rose'};obj[a] = 100;obj[b] = 2

ES5 中我们表示字符串的时候使用''或者""。在 ES6 中，我们还有一个东西可以表示字符串，就是``(反引号)

文章目录一、解构赋值二、解构数组1. 变量赋值2. 交换变量3. 默认值4. 不完全解构5. 解构数组嵌套6. 与`...`运算符结合使用三、解构对象1. 获取成员2. 对象赋值3. 默认值4. 解构嵌套对象四、解构函数1. 函数的参数2. 函数返回值四、其他解构1. 字符串3. 其他数据类型一、解构赋值解构赋值：主要用来从数组和对象中提取值，对变量进行赋值。[]：是专门解构数组使用的{}：是专门解构对象使用的二、解构数组1. 变量赋值ES6之前的写法：var a1 = 1,b1 =

文章目录一、let 和 const 共同点1. 不重复声明2. 无变量提升3. 作用域限制4. 暂时性死区二、let 和 const 不同点1. 声明时区别2. 赋值时区别一、let 和 const 共同点我们以前都是使用var关键字来声明变量的在ES6的时候，多了两个关键字let和const，也是用来声明变量的，只不过和var有一些区别1. 不重复声明let和const不允许在相同作用域内，重复声明同一个变量var关键字/* 使用 var 的时候重复声明变量是没问题的，只不过就是后面

文章目录展开运算符一、在函数中使用1. 传递参数2. new 表达式二、在数组中使用1. 连接数组2. 拷贝数组三、在对象中使用1. 拷贝对象2. 合并对象展开运算符ES6 里面号新添加了一个运算符...，叫做展开运算符可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开；还可以在构造字面量对象时, 将对象表达式按key-value的方式展开let arr = [1,2,3,4,5];console.log(...arr); // 1 2 3 4 5一、在函数中使用