随笔分类 - ES6
es6
摘要:promise的使用,为了更加简单的处理异步的操作 写法: 有三种状态 pending(进行中)resolved(成功) rejected(失败) 1.需要先创建一个promise的实例, 2.使用关键字new进行声明 3.声明的一个Promise中只需要进行接收两个数据一个是成功,一个失败的状态
阅读全文
摘要:set 的使用方法: let set = new Set(); 添加: set.add(2); set.add('4'); 当添加重复的数值的时候,在集合中并不会进行显示出来 删除: set.delete(2);表示删除集合中2这个参数值 校验: set.has('4') 表示进行校验集合中是否存在
阅读全文
摘要:1.from () 将伪数组转换成真正的数组(arguments。。。。) function add(){ let arr= Array.from(arguments); console.log(arr); } add(1,2,3) 使用的场景:在一个ul中包含多个li的时候就可以进行使用这样,将多
阅读全文
摘要:解构赋值:完全结构和不完全结构 解构赋值是赋值运算的一种扩展,针对数组和对象的 1;对象: let node={ type:‘identify’, name:'foo' } 解构:let {type,name} = node; console.log(type,name); let obj= { a
阅读全文
摘要:对象的扩展功能 1.is => is 等同于 eg: console.log(Object,is(NaN,NaN)) ; true 2.assign() 有多个参数,也可以理解为有两个参数(一个目标参数,一个是由多个参数组成的参数) let newObj = object.assign({},{a:
阅读全文
摘要:箭头函数: 箭头函数和以往的函数区别写法 使用=》来定义,同时使用()=》{}来写 1.箭头函数没有this指向,因为没有当前自己的作用域链,会进行向上查找 2.箭头函数不能使用new关键字进行声明,同时里面也没有参数arguments let add = (a,b)=>{ return a+b;
阅读全文
摘要:扩展运算符: 剩余运算符:把多个独立的合并到一个数组中, 扩展运算:讲一个数据分割,并将各个项作为分离的参数传给函数 eg: const arr = [1,3,2,4,5,7,5,7,9,0] 最大值: Math.max.apply(null,arr) es6: Math.max(...arr);
阅读全文
摘要:剩余参数就是解决arguments的问题 剩余参数是由三个点...和一个紧跟着的剧名参数指定...keys的组成(打印keys是一个数组) eg: let book = { title:“es6教程”, author:"学学", year:2020 } function pink(obj,...ke
阅读全文
摘要:模板字符串: 模板字符串解决了字符串的拼接问题,采用的是【tab键上的反引号(``)来进行包裹数据,同时数据的变量是需要使用${变量名}来实现的】 eg: <div class="box"> </div> const oBox = document.querySelector(''.box); le
阅读全文
摘要:变量的声明: var 是可以提升变量 的: 例如: console.log(a) var a = 10 => var a; console.log(a) ; a=10; 结果是undefined; let : 1.是没有变量提升的 2,.是块级的作用域 3.不能进行重复的声明 4,不会污染全局的变量
阅读全文
摘要:promise封装自己的ajax: const getJSON = function(url){ return new promise((resolved,rejected)=>{ const xhrs = new XMLHttpRequest(); xhrs.open('GET',url); xh
阅读全文
摘要:ES6:extends 和 super结合使用 使用场景:子级需要计算自己独有的函数计算,同时也需要调用父级中的一个操作函数 class Father{ constructor(x,y){ this.x = x; this.y = y; } sum(){ console.log(this,x+thi
阅读全文
摘要:ES6:extends(继承)和调用父级的普通函数(super) super调用父级中的普通函数 class Father{ say(){ return "你好"; } } class Son extends Father{ say(){ console.log(super.say()+"xxx")
阅读全文
摘要:ES6:继承(extends)算法(super) super调用构造函数 eg: class Father{ constructor(x,y){ this.x = x; this.y = y; } sum(){ console.log(this.x+this.y); } } class Son ex
阅读全文
摘要:ES6:类中添加方法 class Star{ constructor(uname,age){ this.uname=uname; this.age = age; } //方法: sing(song){ console.log(this.uname + song); } } var ldh = new
阅读全文
摘要:ES6:Class定义类 eg: class Star { constructor(uname,age){ this.uname = uname; this.age = age; } } var lyf = new Star('刘亦菲',18); console,log(lyf); console,
阅读全文