ES6
申申あ
只想学好前端但必须发小论文的程序媛
展开
-
ES6高级-async的用法
使我们的异步操作更加方便,它会返回一个Promise对象,async是Generator的语法糖。原创 2022-08-04 20:59:44 · 247 阅读 · 0 评论 -
ES6高级-Promise的用法
有时候会有多个Promise,比如在游戏控制的时候,Promise1是图片加载,Promise2是flash加载,Promise3是静态资源加载,要求当三个都加载完成之后再进行页面的初始化,这个时候就要用到all()方法,总结就是异步并行操作。then()的第一个参数是resolve回调函数,第二个参数是可选的,是reject状态回调的函数,then()方法返回的是一个新的Promise实例可以采用链式编程。相当于一个容器,保存着未来才会结束的事件(异步操作)的一个结果。来看几个Promise的案例代码。.原创 2022-08-04 10:54:36 · 280 阅读 · 0 评论 -
ES6高级-迭代器与生成器的用法
在讲生成器之前需要知道迭代器的用法,所以我们先来讲一下迭代器一、迭代器 items[Symbol.iterator]是一个函数,所以返回迭代器的时候需要在后面加()进行掉用来返回迭代器二、生成器 它和普通函数的差别在于:1.function后面函数名前面要加*2.只能在函数内部使用yield表达式,让函数挂起我们来看下面这段代码: 输出结果是:我们再来看一段代码: 输出结果: 输出结果: 三、生成器的应用我们先来看什么是回调地狱:简单来说就是去使用ajax发送请求的时候原创 2022-08-03 16:24:15 · 163 阅读 · 0 评论 -
ES6-箭头函数this指向
因为箭头函数是没有this指向的,所以在click事件里面的回调函数就没有this,它会去上一层init里面去找,init也是一个箭头函数也没有this指向又到Page,然后找定义Page对象的作用域链就是window。因为箭头函数是没有this指向的,所以在click事件里面的回调函数就没有this,它会去上一层init里面去找,init也是一个箭头函数也没有this指向又到Page,然后找定义Page对象的作用域链就是window。...原创 2022-07-28 20:17:26 · 327 阅读 · 0 评论 -
ES6高级-查询商品案例
功能三根据商品名称查询商品。功能一动态渲染数据到页面。3.根据商品名称显示数据。功能二根据价格查询商品。1.把数据渲染到页面中。2.根据价格显示数据。原创 2022-07-26 12:26:32 · 382 阅读 · 0 评论 -
ES6高级-利用原型对象继承方法
但是上面的代码也有问题,就是这句Son.prototype=newFather();,这样写的话Son的prototype就没有constructor了,所以需要指回原来的原型对象,加上Son.prototype.constructor=Son();我们就可以发现如果直接把父类的原型对象赋给子类的原型对象,虽然子类可以继承父类的方法,但是如果子类添加方法的话就会对父类造成影响。把子原型对象指向了父原型对象,所以修改子原型对象也会修改父原型对象,所以得换一个方法实现方法继承。...原创 2022-07-25 22:30:23 · 158 阅读 · 0 评论 -
ES6高级-面向对象版Tab栏切换
4)以前的做法是动态创建元素createElement,但是元素里面内容较多,需要innerHTML赋值,在appendChild追加到父元素里面。(4)核心思路双击文字的时候,在里面生成一个文本框,当失去焦点或者按下回车然后把文本框输入的值给原先的元素即可。(6)appendChild不支持追加字符串的子元素,insertAdjacentHTML支持追加字符串的元素。(2)x是没有索引号的,但是它的父亲li有索引号,这个索引号正是我们想要的索引号。(3)第二步把创建的两个元素追加到对应的父元素中。...原创 2022-07-23 17:51:47 · 370 阅读 · 0 评论 -
ES6高级-利用构造函数继承父类属性
核心原理通过call()方法把父类的this指向子类的this,这样就可以实现子类继承父类属性。二、利用构造函数继承父类属性。(2)更改函数this指向。一、call函数的作用。原创 2022-07-25 22:24:46 · 236 阅读 · 0 评论