![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
面向对象
面向对象部分
此鱼非闲鱼也
烦恼像根葱,往里一看全是空!
展开
-
Promise对象的方法
Promise 对象前面介绍过Promise对象的一些用法,现在再来复习一下Promise对象的知识ES6的Promise对象是一个构造函数,用来生成Promise实例。所谓Promise对象,就是代表未来某个将要发生的事件(通常是一个异步操作)。好处是可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数Promise 基本语法new Promise(function(re...原创 2020-02-23 20:19:21 · 388 阅读 · 4 评论 -
Promise对象做一个简单的动画效果
我们需要Promise对象实现一个简单的效果:元素沿顺时针方向做圆周运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2020-02-23 19:33:40 · 536 阅读 · 0 评论 -
js中的深拷贝与浅拷贝-基本数据类型、数组、对象的拷贝
说深拷贝与浅拷贝之前,先来看一看js中有哪些数据类型,有助于对后面知识的理解。结合前辈们及自己的理解总结了一下,如有出入,欢迎指正!1、js中包含两种不同数据类型的值:基本类型和引用类型。基本类型值指的是简单的数据段,包括es6里面新增的一共是有6种,具体如下:number、string、boolean、null、undefined、symbol。引用类型值指那些可能由多个值构成的对象,只有...原创 2020-02-23 16:21:49 · 340 阅读 · 0 评论 -
js面向对象中的继承
继承含义:通过某种方式,让一个对象能够访问并使用另一个对象中的内容继承作用:节省了构造函数中大量重复声明的属性和方法,提高了开发效率;节省了内存空间,提高了性能。1、原型链继承:将父类的实例化对象赋值给子类的原型所以,父类所有的属性和方法都可以被所有子类共享 重点:让新实例的原型等于父类的实例。 特点:构造函数和原型中的所有数据都可以获取。实例可继承的属性有:实例的构造函数的属性...原创 2020-02-16 23:34:32 · 156 阅读 · 0 评论 -
js创建对象的几种方式
1、字面量的方式 //let s = "男"; //属性以变量的形式存在 let person = { name:"Tom", sex: "男", hobby:()=>{ console.log("跑步"); } } //对象的使用...原创 2020-02-16 23:17:28 · 144 阅读 · 0 评论 -
类的静态方法与静态属性
提到类,引申一个与之有关的概念:静态方法什么是静态方法?就是在类中方法名前加static关键字的方法!关于静态方法,需要我们注意几点:(1)它必须使用类名来调用,不是在实际例(this)上调用,如果使用this调用,会抛出异常(2)静态方法和静态方法之间可以重名,为了使代码更清晰可读性,不推荐使用(3)父类的静态方法可以被子类继承<script> {...原创 2020-02-14 01:32:55 · 383 阅读 · 0 评论 -
类的继承
ES5中类的继承,是先创建子类的实例对象,再将父类的属性和方法添加到this上ES6中类的继承,是先创建父类的实例对象,然后再将子类的属性和方法添加上,先通过父类的构造函数完成塑造(由this对象—实例对象),然后再对其加工,加上子类自身的属性和方法,如果子类不调用super方法,就得不到this对象<script> { //父类 class Person...原创 2020-02-14 00:56:50 · 90 阅读 · 0 评论 -
类的定义与用法
类的定义与用法注意几点:(1)类的定义不会被提升,必须在访问前对其进行定义(2)类不可以重复定义(3)类里面的方法不需要function关键字,方法之间不需要加分号先回忆一下ES5中的知识,ES5中构造函数的写法 <script> // 构造函数 function Student(){ this.name...原创 2020-02-14 00:29:49 · 157 阅读 · 0 评论 -
使用promise对象做异步动画
前面提到使用多层函数嵌套,出现回调地狱的问题,现在借用ES6提供的promise对象,很好的避免了这个问题。前面讲过的一个简单动画:元素沿着顺时针方向做圆周运动使用promise对象重新写一遍Css代码 <style> #box{ width: 200px; height: 200px; b...原创 2020-02-13 23:44:34 · 195 阅读 · 0 评论 -
同步与异步(二)
Promise对象ES6中推出一个Promise对象,它用于异步操作,表示一个尚未完成且预计在未来完成的异步操作。Promise不解决异步问题,解决的是异步的写法ES6的Promise对象是一个构造函数,用来生成Promise实例。所谓Promise对象,就是代表了未来某个将要发生的事件(通常是一个异步操作)。它的好处在于,有了Promise对象,就可以将异步操作以同步操作的流程表达出来...原创 2020-02-13 23:08:07 · 371 阅读 · 0 评论 -
同步与异步(一)
<script> /* javaScript是一个单线程的语言 同步和异步是一种消息通知机制 同步阻塞:A调用B,B处理获得结果,才会返回给A,A在这个过程中,一直在等待的B的处理结果, 没有拿到结果之前,需要A一直等待,直到拿到结果,然后才继续往下执行 ...原创 2020-02-13 20:26:12 · 200 阅读 · 0 评论