ES6
文章平均质量分 59
ES6
Python User
这个作者很懒,什么都没留下…
展开
-
ES6 冷门的一些语法
摸板字变量var name = 'jhon'var age = 24var concat = `我的名字是${name}, 年龄是${age}` // 作用一// 作用二 支持换行var concats = ` <h1> <span>jhon</span></h1>`解构赋值数组的解构var list = [111, 222, 333][a,b] = list // a = 111 b = 222[a,,b] = list //原创 2021-01-06 17:10:55 · 115 阅读 · 0 评论 -
前端generator的使用
Generator函数就是一个封装的异步任务,或者说是异步任务的容器,异步操作需要暂停的地方,都用yield语句。Generator函数的特征:function 关键字与函数名之间有一个*号;Generator函数内部使用yield表达式,定义内部的不同状态;Generator函数调用不像普通函数那样直接调用,要想函数执行必须调用遍历器对象的next方法,也就是说想要执行函数就需要使用next方法,调用一次next方法执行一次yield表达式,直到执行完yield表达式。function* g原创 2020-12-28 17:19:28 · 272 阅读 · 0 评论 -
es6 中给对象增添方法的几种办法
使用prototypePerson.prototype.addFn=function(){ return "我是通过prototype新增加的方法,名字叫addFn";}var obj=new Person("laotie",88);console.log(obj.addFn());//我是通过prototype新增加的方法,名字叫addFn使用 Object.assignObject.assign(Person.prototype,{ getName:function(){原创 2020-12-18 18:01:57 · 329 阅读 · 1 评论 -
ES6 新增的类型Symbol
Symbol 是ES6中新增的一种数据类型,是唯一的标识符,可以作为对象的唯一属性名;Symbol 可以代替一个常量,指的常量的值唯一;Symbol 的特点:唯一性:即使两个变量类型,值都一样,也不相等; let id1 = Symbol('id'); let id2 = Symbol('id'); console.log(id1 == id2); //false隐藏性: 用 [] 标识的symbol类型作为对象的属性的时候,不能被for in 访问 let id = Symbol("i原创 2020-12-18 17:34:14 · 137 阅读 · 1 评论 -
async ,await,promise 的使用
async+await 就相当于 promise then的一个语法糖,主要是解决then.then这样的回调嵌套async 只是用来修饰函数的,修饰函数后就可以使用await了;await 后面跟 返回promise对对象的这么一个函数,添加await就相当于把promise运行了;await只能在async中使用,他不能获取reject异常只能通过 try-catch的方式获取;await XXX 相当于 XXX = new promise() XXX.then() 相当于解决了回调地狱;原创 2020-12-16 15:29:53 · 444 阅读 · 0 评论 -
js实现继承的5种方式,以及es6的继承方式
先写一个js的父类function father(name) { this.name = name this.def = function () { console.log('this is father!') }}再写一个js 的子类function son (age) { this.age = age}原型链的继承方式 son.prototype = new father() var sons = new son() // 缺点:无法向父类构造函数传参,继承单一,原型属原创 2020-12-15 00:35:17 · 247 阅读 · 0 评论 -
Promise的理解和使用,以及为什么要有Promise
要了解Promise 就要首先了解同步和异步的概念:JavaScript是单线程语言,在执行任务的时候,会先执行第一个任务再执行第二个任务,假如第一个任务是个耗时的任务那么第二个任务就一直阻塞不能执行,那么这个时候就需要异步来处理这个操作;同步:主线程上排队执行的任务,只有前一个任务执行完毕,才能继续执行下一个任务;异步:不进入主线程,而进入任务队列的任务,只有任务队列通知主线程,某个异步任务可以执行了,该任务才会进入主线程;常见的异步操作代码:function ee (callBack) {原创 2020-11-27 00:57:03 · 2482 阅读 · 0 评论 -
webpack中 ES6 的 export 和 export defualt 的使用
export defualt:只能向外暴露一次,且暴露的名称可以不固定,可以import 的时候自定义export :可以向外暴露多个,但接受的的时候必须使用原先的暴露的名称,且必须用 {} 的形式接受,按需导入...原创 2020-11-12 15:10:15 · 324 阅读 · 0 评论