【H5】Promise的用法

系列文章

【H5】Promise的用法
本文链接：https://blog.csdn.net/youcheng_ge/article/details/131634038

【H5】文件下载（javascript）
本文链接：https://blog.csdn.net/youcheng_ge/article/details/131539397

【H5】文件上传（ajax）
本文链接：https://blog.csdn.net/youcheng_ge/article/details/131538256

【H5】移动端，常见界面布局模板
本文链接：https://blog.csdn.net/youcheng_ge/article/details/131229989

【H5】avalon前端数据双向绑定（MVVM）
本文链接：https://blog.csdn.net/youcheng_ge/article/details/131067187

【H5】最全Android自动更新（源码）
本文链接：https://blog.csdn.net/youcheng_ge/article/details/126759498

---

前言

本专栏为【H5】，主要介绍HTML知识点。对于刚刚进入计算机世界的大学生来说，这里普及一个知识：HTML5已经不仅仅只能开发 Web，也可以开发 Android、iOS ，所以本文也会介绍 移动端开发。
我个人将安卓开发，分为两大方向：

①原生开发
使用安卓开发工具包（Android SDK）和Java编程语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。但是缺点就是对入门的门槛高，测试繁琐需要适配不同屏幕，对开发人员技术要求高。

②混合开发（加壳方式）
使用Web技术（网页三剑客HTML、CSS和JavaScript）开发App的方式。混合开发具有较高的开发效率和跨平台的优势，由于使用Web技术 界面渲染、不同屏幕适配（使用栅格技术）效果好。但是缺点就是对底层硬件调用库尚不完善，不过在不断完善中，常用的相机、相册、GPS、存储调用是没有问题的。

一、技术介绍

CSV文件和DataTable对象转换帮助类。我们数据库导出文件为“CSV”格式，当你要读取“CSV”文件时，可以使用本类库。

注意：请填写

二、项目源码

2.1 Promise的状态

Promise有三种状态：pending（准备，待定态）、fulfilled（已完成，成功态）、rejected（已拒绝，失败态），Promise的状态改变是一次性的。

	<script>
	const p = new Promise((resolve,reject)=>{
		// resolve()
		// reject()
	});
	console.dir(p);
	</script>
</html>

	<script>
	const p = new Promise((resolve,reject)=>{
		resolve()
		// reject()
	});
	console.dir(p);
	</script>

	<script>
	const p = new Promise((resolve,reject)=>{
		// resolve()
		reject()
	});
	console.dir(p);
	</script>

2.2 Promise的结果

PromiseResult 结果

	<script>
	const p = new Promise((resolve,reject)=>{
		resolve('成功的输出')
		// reject('失败的输出')
	});
	console.dir(p);
	</script>

2.3 Promise的then方法参数

then方法有两个参数。
参数：
1、一个函数，value接收
2、另一个函数，reason或err接收
返回值：Promise对象

	<script>
		const p = new Promise((resolve, reject) => {
			// resolve('成功的输出')
			reject('失败的输出')
		});
		p.then(() => {
			console.log('成功时执行');
		}, () => {
			console.log('失败时执行');
		});

		console.dir(p);
	</script>

2.4 Promise的then方法获取数据

<script>
	const p = new Promise((resolve, reject) => {
		// resolve('123')
		reject('456')
	});
	p.then(value => {
		console.log('成功时执行:' + value);
	}, (reason) => {
		console.log('失败时执行' + reason);
	});

	console.dir(p);
</script>

三、效果展示

四、资源链接