ES6类的使用和定义.Json.Promise对象的使用

今天药忘吃喽~ 2022-11-06 12:53 84阅读 0赞

ECMAScript 6-第三讲  
本章目标：  
掌握es6中class类的声明  
掌握类的继承  
Json的新的应用  
Promise对象的方法  
本章内容：  
Class类的声明：  
所谓的java的面向对象和这个很相似，但是在js其实是基于对象的，所谓的基于对象就是一直在用对象而不是，而不是完全使用面向对象的思想，面向对象我们都知道是封装，继承，多态，而基于对象，其实就是在使用对象。对象比数组强的地方在于他有属性和方法。所以在js中很少使用类这个方式。但是在es6中提供了这样一种声明方式

class

我们看到以前是用js写的这种声明对象的方式很怪异，很不方便，那么再ES6中，给我们提供了类的声明方式，我们改造一下刚才的例子

那我们看到这个新增的class的声明方式和我们使用java书写的时候是不是区别就不大了。  
接下来我们就以可以看一下类的另一种特性  
Class的继承：

//我们在原有的基础上，来看一下ES6 的继承  
class Teacher extends Person\{  
constructor(name,age,school)\{  
super(name,age);  
this.school = school;  
\}  
study()\{  
console.log(this.name+"="+this.age+"="+this.school);  
\}  
\}  
let t = new Teacher(“张三丰”,30,“AAA软件”);  
t.say();  
t.study();

JSON的新应用：  
JSON对象：  
JSON.stringify() 串行化  
JSON.parse() 反串行化  
简写：

1.  （属性和值）名字一样可以简写
2.  方法一样可以简写（:function省）  
    JSON 的标准写法：
3.  只能用双引号(“”);
4.  所有的（属性）名字只能用双引号(“”)包起来；

json Promise的使用： promise

那么如果说我们遇到很多层的调用，这时候不光是代码不优雅，还不容易理解层次关系，我们改进一下这个代码看看效果

这时候我们看到他是每间隔1秒到用一次，那么我们可以像是写同步一样的去写这种代码么？  
我们先来认识一下promise这个对象  
Promise：  
抽象表达：promise是js进行异步编程的新的解决方案  
具体表达：  
从语法上来说：promise是一个构造函数  
从功能上来说：promise对象用来封装一个异步操作对象并可以捕获其结果  
状态的特点  
Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。  
Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ，状态就不会再变了即 resolved（已定型）。

状态的缺点  
无法取消 Promise ，一旦新建它就会立即执行，无法中途取消。  
如果不设置回调函数，Promise 内部抛出的错误，不会反应到外部。  
当处于 pending 状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。  
Promise的执行流程

then 方法  
then 方法接收两个函数作为参数，第一个参数是 Promise 执行成功时的回调，第二个参数是 Promise 执行失败时的回调，两个函数只会有一个被调用。

接下来我们使用新的方式改写一下刚才的调用的方式  
//我们使用新的方式来写一下  
function foo() \{  
return new Promise((resolve,reject)=>\{  
setTimeout(()=>\{  
resolve();  
\},1000)  
\})  
\}  
foo().then(()=>\{  
console.log(“a”);  
return foo();  
\}).then(()=>\{  
console.log(“b”);  
return foo();  
\}).then(()=>\{  
console.log(“c”);  
return foo();  
\})  
Promise中的方法  
Catch（）  
首先介绍一下promise的catch（），这个方法就像是try–catch语句块一样，是输出异常的

我们发现这时候他就会把异常输出  
All（）  
接下来我们来介绍一下promise的all（）

promise-all Race（） 那么我们现在再来看一下race这个方法，这个方法跟all使用方式是一样的，但是他们中会区分谁快，谁慢，就像赛跑一样 我们修改一下刚才的方法

新的promise的例子入门

Promise