es6-3-解决异步编程解决方案（Promise）、Class类、super()、export default、import

最新推荐文章于 2023-09-27 11:28:31 发布

别狗了

最新推荐文章于 2023-09-27 11:28:31 发布

阅读量471

点赞数

文章标签： es6/es7

本文链接：https://blog.csdn.net/weixin_43010586/article/details/104365268

版权

本文深入探讨ES6中Promise如何解决异步编程问题，介绍Class类的使用，详细讲解super关键字在继承中的作用，并详述export default与import模块导入导出机制。

摘要由CSDN通过智能技术生成

```css
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<!-- 
		9.Symbol() 独一无二的字符串（原始数据类型,所以es6有6种数据类型：number,string,boolean,undefined,null,symbol,不常用）
		10.Promise 异步编程(ajax是异步的)的解决方案
		异步编程遇到的问题是，每个部分的运行速度不一样，调用数据可能会出问题
		es5异步编程解决方案--回调函数，就是把要调用的数据放在success:function(){
   }里面，这样就可以在ajax运行完后直接用ajax里面需要的数据，就是函数里面调用函数
		es6异步编程解决方案--回调函数用promise.then()，与ajax不是一回事
			语法：new Promise(function(resolve,reject){
   })
			resolve函数:在异步操作成功时候使用，并且把异步操作的结果作为参数传递出去
			reject函数:在异步操作失败时候使用，并且把异步操作的结果作为参数传递出去
			then函数里面接收2个函数当参数，一个函数是异步操作时成功时候的操作，第二个是异步操作失败时候的函数，第二个函数可以省略
			（resolve和reject是一种传输的状态，而then里面的两个函数是指数据的处理，成功怎么处理，失败了怎么处理）
		11.class类（本身是一个函数）
			es5没有类的概念
			es6的class可以看作一个语法糖（方便阅读理解）
			extends继承于 
	 -->
	 <script type="text/javascript">
	 	// function(,function(){}){} --回调函数
	 	let a=10
	 	let promise = new Promise((resolve,reject)=>{
   
	 		if(a