2021年1月7日

ES6生成器及应用

摘要:ES6生成器的作用 复杂的代码中避免异步编程中回调嵌套过深,提供更好的异步编程解决方案 一般结果应该先打印zce 然后打印100,但是打印结果为空对象,说明结果还未执行,当打印next方法,才开始执行函数,返回值与迭 代器的返回值结构相同也是一个value,一个done。 但是只是这么使用的话 看不 阅读全文

posted @ 2021-01-07 22:32 メSerendipity 阅读(45) 评论(0) 推荐(0) 编辑

ES6 for of循环, 可迭代接口,实现可迭代接口,ES6迭代器模式

摘要:在for of循环出现之前,for循环适合遍历普通的数组,for in循环比较适合遍历键值对,遍历数组对象的foreach方法,但是这些遍历 都有一定的局限性,所以在ES6之后引入了统一的遍历方式 for of循环 举例下图所示: 但是此时如果遍历对象的话 会报错 obj is iterable 对 阅读全文

posted @ 2021-01-07 18:20 メSerendipity 阅读(43) 评论(0) 推荐(0) 编辑

2021年1月6日

ES6 Set.Map.Symbol数据结构

摘要:一.ES6 Set数据结构 ES6新推出了Set数据结构,它与数组很类似,Set内部的成员不允许重复,每一个值在Set中都是唯一的,如果有重复的值出现会自动去重(也可以理解为忽略掉),返回的是集合对象本身,所以可以链式调用,具体用法如下: 上述代码中Set以add的形式链式调用,当遇到重复的add( 阅读全文

posted @ 2021-01-06 22:20 メSerendipity 阅读(27) 评论(0) 推荐(0) 编辑

ES6 class类 静态方法及类的继承

摘要:一.class类 ES6之前都是定义函数以及函数的原型对象实现类型, 如果想要实现共享构造函数成员,可以用prototype来共享实现 ES6出现之后,使用class类的概念来实现原型的继承 二,静态方法 方法一般分为实例方法和静态方法两种: 实例方法:用实例对象去调用,静态方法:直接通过类型本身去 阅读全文

posted @ 2021-01-06 17:13 メSerendipity 阅读(55) 评论(0) 推荐(0) 编辑

ES6 浅谈Reflect

摘要:Reflect 属于一个静态类,不能通过new的方法去创建实例,只能调用静态类中的一些静态方法,Reflect内部封装了一系列对对象的底层操作, Reflect 成员方法就是Proxy处理对象的默认实现。具体提供了13个静态方法,以下只列举其中的其中的一个方法。 上述代码中,没有定义get这个方法, 阅读全文

posted @ 2021-01-06 11:58 メSerendipity 阅读(35) 评论(0) 推荐(0) 编辑

2021年1月5日

ES6 proxy代理详解及用法

摘要:proxy官方的详细解释为代理器,个人理解为相当于一个拦截器,外部的所有访问必须先通过这层拦截,监视到对象的读写过程,因此提供了这 种机制对外部的访问进行过滤和修改。 上述例子为proxy new一个实例化对象 第一个参数 目标代理对象 person,第二个参数为处理对象。 get方法用于拦截某个属 阅读全文

posted @ 2021-01-05 22:58 メSerendipity 阅读(90) 评论(0) 推荐(0) 编辑

2020年12月28日

ES6 对象拓展方法

摘要:一,ES6 对象拓展方法 ES6为对象提供了一些拓展方法,下面列举几个比较常见的对象拓展方法。 阅读全文

posted @ 2020-12-28 23:03 メSerendipity 阅读(53) 评论(0) 推荐(0) 编辑

2020年12月27日

ES6箭头函数与this指向

摘要:一.ES6箭头函数 ES6之前的语法想要定义一个函数,如图example1,ES6之后定义一个函数如图example2,相比较之下简洁了很多 二.函数的this指向 非箭头函数,谁调用函数this指向谁,如下图所示 箭头函数本身没有this和arguments,它的this和aguments为父级元 阅读全文

posted @ 2020-12-27 23:26 メSerendipity 阅读(33) 评论(0) 推荐(0) 编辑

ES6参数默认值,剩余参数及展开数组

摘要:一.函数的参数默认值 在ES6之前,想要给参数设置默认值得话,只能在函数体内部加判断设置,比如如果传递参数为undefined时为true, 否则为false,如下图example1,ES6出现语法可直接在参数位置设置默认值,但是一定要放在参数位置的最后如下图 example2. 二.ES6剩余参数 阅读全文

posted @ 2020-12-27 17:43 メSerendipity 阅读(52) 评论(0) 推荐(0) 编辑

ES6模板字符串及字符串的扩展方法

摘要:一.ES6模板字符串 传统定义字符串的方式是: const str='hello es2015,this is a string' ES6新增了一种定义字符串的方式用反引号进行标识 const str=`hello es2015, this is a string` 传统的字符串如果想换行的话需要如 阅读全文

posted @ 2020-12-27 16:42 メSerendipity 阅读(24) 评论(0) 推荐(0) 编辑

导航