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 · 1132 阅读 · 0 评论 -
ES6 语法之 Symbol
ES6新增了许多新语法,今天登场的主角是Symbol,Symbol是JS新增的基本数据类型,与其他基本数据类型Number、String、null、undefined、Boolean组成了一共6种基本数据类型,还有三种引用数据类型Object、Array、Funtion。一、Symbol作用 新增的语法通常是为了解决某个问题而生,Symbol也一样,主要为了解决属性名冲突的问题...原创 2019-03-18 16:13:15 · 438 阅读 · 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 · 220 阅读 · 0 评论 -
ES6 语法之 Promise
一、概念Promise是为了解决异步操作的容器,是一个构造函数,通过new关键字生成实例,接收一个成功和一个失败的回调函数作为参数。const promise = new Promise(function(resolve, reject) { if (/* 异步操作成功 */){ resolve(value);//成功回调函数 } else { reject(...原创 2019-04-08 22:16:35 · 796 阅读 · 0 评论 -
ES6 语法之 let 与 const
let和const应该是当下所有ES6新增语法中用得最多,最受欢迎的语法了,没有之一。那么你真的知道它们的用法吗?一、let1.let是采用严格模式("use strict")例:var a = 0;//相当于"use strict";let a = 0;2. let没有变量提升例:console.log(x);//undefinedvar x;conso...原创 2019-03-20 11:41:24 · 263 阅读 · 0 评论 -
ES6 语法之 Set 与 Map 数据结构
一、Set 结构1.特点:类似于数组,实质是个构造函数,通过 new 关键词创建实例,可去取重复数组中的成员或字符串,接收数组或类似数组作为参数,size表示长度属性。var set = new Set([1,2,2,3]);console.log(set)//1 2 3 set.size //3var set1 = new Set("abbccddd");cons...原创 2019-04-02 22:08:48 · 268 阅读 · 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 · 1634 阅读 · 1 评论 -
ES6 语法之 Reflect
一、概念主要是为了提供对象操作的 API,跟 Object 对象的用法很相似。二、特点1.将语言内部的方法部署在Reflect 上;2.让 Object 操作都变成函数行为;// 老写法'assign' in Object // true// 新写法Reflect.has(Object, 'assign') // true3.Reflect 与 Proxy 方法是...原创 2019-04-04 23:51:51 · 392 阅读 · 0 评论 -
ES6 语法之 async 函数
一、概念async 函数跟上文讲到的 Generator 函数作用几乎差不多,只不过是 Generator 函数的优化版。二、特点相比 Generator 函数具备以下特点:1.定义时在 funtion 前面用 async ,取代Generator 函数funtion 后面的*;2.语句内用 await 关键字,取代Generator 函数的 yield;3.返回值是...原创 2019-04-11 17:57:39 · 243 阅读 · 0 评论 -
ES6 语法之 Generator 函数
一、概念Generator 函数是 ES6 提供的异步解决方法,可以把 Generator 函数看成是一种状态机,其内部封装了多种状态。执行 Generator 函数会返回一个遍历器对象,所以Generator 函数也是一个遍历器对象生成函数。二、特点1.在写法上比普通函数在function后面多了一个*;//普通函数function a(){}//Generator 函数...原创 2019-04-10 23:59:11 · 268 阅读 · 0 评论