随笔分类 - 1_ES6（7）
ES6（7）
摘要：ES6课程 1、ECMAScript介绍 一、总结 一句话总结： es是ECMAScript，是标准，js是es的实现 1、ES的几个重要版本？ *、ES5 : 09年发布 *、ES6(ES2015) : 15年发布, 也称为ECMA2015 *、ES7(ES2016) : 16年发布, 也称为EC
阅读全文
摘要：ES7参考 ES7相关 一、总结 一句话总结： 1、指数运算符(幂): ** 2、Array.prototype.includes(value) : 判断数组中是否包含指定value console.log(3 ** 3);//27 let arr = [1,2,3,4, 'abc']; conso
阅读全文
摘要：ES6参考 for...of方法2 一、总结 一句话总结： for...of方法 可以遍历有 iterator接口的结构，比如对象，比如数组，比如伪数组，比如set、map等 for...of方法 本质上就是调用对象的iterator接口，用来遍历 let arr = [1,2,3,4,5]; fo
阅读全文
摘要：ES6参考 Set和Map 一、总结 一句话总结： Set容器：无序不可重复的多个value的集合体：let set = new Set([1,2,3,4,3,2,1,6]) Map容器：无序的 key不重复的多个key-value的集合体：let map = new Map([['abc', 12
阅读全文
摘要：ES6参考 对象的深度克隆 一、总结 一句话总结： 先判断类型，找出对象和数组，因为对象和数组默认值引用（也就是浅克隆），对对象和数组里面的元素再递归进行 对象的深度克隆 判断 // 深度克隆(复制) function getObjClass(obj) { let result = Object.p
阅读全文
摘要：ES6参考 对象扩展 一、总结 一句话总结： 1、Object.is(v1, v2)：判断2个数据是否完全相等，字符串方式比较 2、Object.assign(target, source1, source2..)：将源对象的属性复制到目标对象上 3、对象直接操作 __proto__ 属性：let
阅读全文
摘要：ES6参考 数组方法扩展 一、总结 一句话总结： 1、Array.from(v) : 将伪数组对象或可遍历对象转换为真数组 2、Array.of(v1, v2, v3) : 将一系列值转换成数组 3、find(function(value, index, arr){return true}) : 找
阅读全文
摘要：ES6参考 数值扩展 一、总结 一句话总结： a、js二进制与八进制数值表示法: 二进制用0b, 八进制用0o b、Number的isFinite()、isNaN()、isInteger()方法 c、Math的trunc()方法 1、js二进制与八进制数值表示法: 二进制用0b, 八进制用0o？ 二
阅读全文
摘要：ES6参考 字符串扩展 一、总结 一句话总结： 1、includes(str) : 判断是否包含指定的字符串 2、startsWith(str) : 判断是否以指定字符串开头 3、endsWith(str) : 判断是否以指定字符串结尾 4、repeat(count) : 重复指定次数：str.re
阅读全文
摘要：ES6参考 class类 一、总结 一句话总结： 1、通过class定义类/实现类的继承，在类中通过constructor定义构造方法 2、通过new来创建类的实例 3、通过extends来实现类的继承，通过super调用父类的构造方法 4、重写从父类中继承的一般方法 class Person {
阅读全文
摘要：ES6参考 async函数（es7） 一、总结 一句话总结： async函数 是ES2017的内容，也是解决异步问题的，也是同步流程表达异步操作，本质是Generator函数的语法糖 async function foo(){ await 异步操作; await 异步操作； } 1、async函数
阅读全文
摘要：ES6参考 Generator函数 一、总结 一句话总结： Generator函数和promise一样，也是用来做异步的，也是状态机的方式实现异步，只不过是通过遍历器iterator加yield（暂停）实现的 1、Generator函数的作用是什么？ Generator函数和promise一样，也是
阅读全文
摘要：ES6参考 for...of方法 一、总结 一句话总结： for...of方法本质上就是调用对象的iterator接口，用来遍历 1、自定义iterator生成指针对象 代码？ 主要是实现iterator的next方法和终值判断 // 自定义iterator生成指针对象 function mockI
阅读全文
摘要：ES6参考 Symbol属性 一、总结 一句话总结： Symbol是ES6中的添加了一种原始数据类型symbol(已有的原始数据类型：String, Number, boolean, null, undefined, 对象)，Symbol是唯一的，解决命名冲突问题 window.onload = f
阅读全文
摘要：ES6参考 形参默认值 一、总结 一句话总结： 形参的默认值：当不传入参数的时候默认使用形参里的默认值function Point(x = 1,y = 2){} function Point(x = 1,y = 2) { this.x = x; this.y = y; } 二、形参默认值 博客对应课
阅读全文
摘要：ES6参考 ...运算符 一、总结 一句话总结： 1、rest(可变)参数：用来取代arguments 但比arguments灵活,只能是最后部分形参参数 2、扩展运算符：扩展运算符：arr1 = [1,3,5];arr2 = [2,...arr1,6]; ...arr1代表1,3,5 1. res
阅读全文
摘要：ES6参考 箭头函数 一、总结 一句话总结： 箭头函数是fun1 = () => console.log('fun1()')的结构，主要用来定义匿名函数，做回调函数，没有自己的this 1、箭头函数形参特点？ 1、没有参数的话参数的括号要写上 2、有一个参数括号不用写 3、有多个参数括号也要写上 2
阅读全文
摘要：ES6参考 简化的对象写法 一、总结 一句话总结： 主要是把键值对写法变成只有一部分，一部分是同名属性赋值，另一部分是函数赋值 1、省略同名的属性值：x : x 写成 x,2、省略方法的function：getPoint : function () {} 写成 getPoint(){} 1、简化的对
阅读全文
摘要：ES6参考 模板字符串 一、总结 一句话总结： 模板字符串的作用是 简化字符串的拼接，和php的双引号很像，用 `` 包含，变化的部分使用${xxx} 1、模板字符串 要点？ 1、模板字符串必须用 `` 包含 2、变化的部分使用${xxx}定义 2、模板字符串 实例？ ``包含，变化的部分用${xx
阅读全文
摘要：ES6参考 解构赋值 一、总结 一句话总结： 1、解构赋值就是从对象或数组中提取数据, 并赋值给变量(多个) 2、对象的解构赋值：左边的全局变量放在对象中：let {n, a} = {n:'tom', a:12} 3、数组的解构赋值：左边的全局变量放在数组中：let [a,b] = [1, 'atg
阅读全文
浙公网安备 33010602011771号