![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ECAMAScript6 语法简述
杏子姐_1024
1、科大讯飞前端负责人,书籍《Web全栈项目开发入门与实战》作者。
2、职业规划师,可解决:①职业定位问题(帮你找到更适合你的工作);②提升职场竞争力(帮你升职加薪);③职业转型问题(如果你不喜欢当前的工作,辅助你快速转型);④提升职业幸福度(帮你平衡家庭和工作,消除职业倦怠期)。可修改简历和辅导面试。
3、【自律达人】社群创办人,辅导制定阶段性人生目标,监督执行目标,达到目标闭环。
展开
-
通过 Proxy 实现数据双向绑定
通过 Proxy 实现数据双向绑定前言defineProperty 缺陷defineProperty 双向绑定Proxy 语法Proxy 双向绑定 前言 用过 Vue 的人都知道 Vue 有双向绑定的功能,Vue 2 是通过 Object.defineProperty 实现的双向绑定,但是到 Vue3 中,便使用的 Proxy 进行双向绑定。今天就记录一下如何通过 Proxy 实现数据双向绑定。 ...原创 2019-11-30 15:55:10 · 1092 阅读 · 0 评论 -
ES6 语法之 Symbol
ES6新增了许多新语法,今天登场的主角是Symbol,Symbol是JS新增的基本数据类型,与其他基本数据类型Number、String、null、undefined、Boolean组成了一共6种基本数据类型,还有三种引用数据类型Object、Array、Funtion。 一、Symbol作用 新增的语法通常是为了解决某个问题而生,Symbol也一样,主要为了解决属性名冲突的问题...原创 2019-03-18 16:13:15 · 427 阅读 · 0 评论 -
ES6 语法之 Iterator
一、概念 Iterator(遍历器)为不同的数据类型提供统一的访问机制,只要部署了 Iterator 接口(原型上有 Symbol.iterator 方法),就可以完成遍历操作,遍历操作主要通过 for of 完成。 let arr = [1,2,3]; //使用for of 完成遍历 for(var i of arr){ console.log(i);//1 2 3 } 二、具备Iter...原创 2019-04-09 22:47:47 · 193 阅读 · 0 评论 -
ES6 语法之 Promise
一、概念 Promise是为了解决异步操作的容器,是一个构造函数,通过new关键字生成实例,接收一个成功和一个失败的回调函数作为参数。 const promise = new Promise(function(resolve, reject) { if (/* 异步操作成功 */){ resolve(value);//成功回调函数 } else { reject(...原创 2019-04-08 22:16:35 · 759 阅读 · 0 评论 -
ES6 语法之 let 与 const
let和const应该是当下所有ES6新增语法中用得最多,最受欢迎的语法了,没有之一。那么你真的知道它们的用法吗? 一、let 1.let是采用严格模式("use strict") 例: var a = 0; //相当于 "use strict"; let a = 0; 2. let没有变量提升 例: console.log(x);//undefined var x; conso...原创 2019-03-20 11:41:24 · 254 阅读 · 0 评论 -
ES6 语法之 Set 与 Map 数据结构
一、Set 结构 1.特点:类似于数组,实质是个构造函数,通过 new 关键词创建实例,可去取重复数组中的成员或字符串,接收数组或类似数组作为参数,size表示长度属性。 var set = new Set([1,2,2,3]); console.log(set)//1 2 3 set.size //3 var set1 = new Set("abbccddd"); cons...原创 2019-04-02 22:08:48 · 264 阅读 · 0 评论 -
ES6 语法之 Proxy
一、概念 Proxy 是一种构造器,所以是通过new关键字实现的,从功能上讲,也是一种拦截器,在设置对象属性或者读取对象属性时做一层拦截操作。 二、参数说明 new Proxy(target,handler)第一个参数 target 为原始对象,第二个参数 handler 为需要做拦截操作的 get 和 set 方法对象。get 和 set 方法有四个参数 get(target,key,v...原创 2019-04-03 23:59:50 · 1619 阅读 · 1 评论 -
ES6 语法之 Reflect
一、概念 主要是为了提供对象操作的 API,跟 Object 对象的用法很相似。 二、特点 1.将语言内部的方法部署在Reflect 上; 2.让 Object 操作都变成函数行为; // 老写法 'assign' in Object // true // 新写法 Reflect.has(Object, 'assign') // true 3.Reflect 与 Proxy 方法是...原创 2019-04-04 23:51:51 · 367 阅读 · 0 评论 -
ES6 语法之 async 函数
一、概念 async 函数跟上文讲到的 Generator 函数作用几乎差不多,只不过是 Generator 函数的优化版。 二、特点 相比 Generator 函数具备以下特点: 1.定义时在 funtion 前面用 async ,取代Generator 函数funtion 后面的*; 2.语句内用 await 关键字,取代Generator 函数的 yield; 3.返回值是...原创 2019-04-11 17:57:39 · 230 阅读 · 0 评论 -
ES6 语法之 Generator 函数
一、概念 Generator 函数是 ES6 提供的异步解决方法,可以把 Generator 函数看成是一种状态机,其内部封装了多种状态。执行 Generator 函数会返回一个遍历器对象,所以Generator 函数也是一个遍历器对象生成函数。 二、特点 1.在写法上比普通函数在function后面多了一个*; //普通函数 function a(){} //Generator 函数 ...原创 2019-04-10 23:59:11 · 252 阅读 · 0 评论