随笔分类 - ES6
摘要:引用场景如下,列表查询时需要用到前端查询 具体实现方法如下 前面定义的变量是查询条件,this.allData表示被筛选的数据,filteData是查询结果 queryData () { let officerType = this.search.officerType let officerNam
阅读全文
摘要:then()方法的作用是Promise实例添加解决(fulfillment)和拒绝(rejection)状态的回调函数。 then()方法会返回一个新的Promise实例,所以then()方法后面可以继续跟另一个then()方法进行链式调用。 let p = new Promise((resolve
阅读全文
摘要:rest参数中的变量代表一个数组,所有数组特有的方法都可以用于这个变量:
阅读全文
摘要:1. forEach() 接收一个方法,该方法可传入三个参数,第一个为数组的一个元素,第二位为该元素的下标,第三个为原数组。 遍历数组并使用传入参数方法,无返回值。除非循环结束或报错终止,否则forEach方法无法跳出循环。 let array = [1,2,3,4]; array.forEach(
阅读全文
摘要:1、导出export,导入import组合 知识点1:导出export lesson2.js 知识点2:导入import(名称要一样对应,export名字叫test,那么import导入的时候就需要用同样的名字test来导入) index.js 知识点3:当需要引入的变量很多的时候,使用*加别名来解
阅读全文
摘要:Generator异步处理 应用场景 Decorator函数修饰符,通过修饰器修改类的行为
阅读全文
摘要:{ let arr=['hello','world']; let map=arr[Symbol.iterator](); //返回false时继续执行,true停止执行! console.log(map.next()); console.log(map.next()); console.log(map.next()); } { let obj=...
阅读全文
摘要:知识点1:rosolve是执行下一步then() 知识点2:允许多个下一步(then()里面再嵌Promise实例) 知识点3:抛错时处理 应用场景:图片加载( Promise.all([]).then() 和 Promise.race([]).then() ) 场景1:多张图片加载,实现所有图片加
阅读全文
摘要:getter(读取)、setter(设置)属性 static静态方法跟静态属性
阅读全文
摘要:proxy用法 Reflect Reflect用法跟Proxy一样,他有的方法他都有,使用起来更简单 应用场景 数据校验
阅读全文
摘要:1、Symbol ES5 的对象属性名都是字符串,这容易造成属性名的冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。 2、数据结构 Set-Map数据结构 定义:类似于数组的数据结构,成员值都是唯一且没有重复的值,
阅读全文
摘要:1、正则扩展 知识点2:y修饰符(紧接着查找后面) 知识点3:u修饰符 大于2个字节的匹配符时需要使用u 知识点4:s修饰符 2、字符串的扩展 知识点1:字符串的遍历器接口 ES6 为字符串添加了遍历器接口(详见《Iterator》一章),使得字符串可以被for...of循环遍历。 除了遍历字符串,
阅读全文
摘要:箭头函数和普通函数的区别如下。 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么fu
阅读全文
摘要:ES6环境搭建 步骤1:安装git 步骤2:打开git bash 步骤3:在这个git bash里面一步步输入如下命令 安装babel-polyfill解决对新属性兼容性问题 然后在index.js里面引入!! 需要在这个目录下面进行git bash打开输入命令,不然会报错!!!! 步骤4:输入ht
阅读全文