VSCode自定义代码片段12——JavaScript的Promise对象

本文链接：https://blog.csdn.net/Java_53/article/details/124288413

JavaScript的Promise对象

{
	// JS'Promise
	// 12  如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存
	// JavaScript的Promise对象
	"Print to console": {
		"prefix": "JS'Promise",
		"body": [
			"// Promise的链式简化写法",
			"new Promise((resolve, reject) => {",
			"    setTimeout(() => {",
			"        console.log(\"请求结果：\", 1);",
			"        resolve(1);",
			"    }, 1000)",
			"}).then(data => {",
			"    console.log(\"第一次对结果处理\");",
			"    return Promise.resolve(data * 2);",
			"}).then(data => {",
			"    console.log(\"第二次对结果处理\");",
			"    return Promise.resolve(data * 3);",
			"}).then(data => {",
			"    console.log(\"第三次对结果处理\");",
			"    data *= 4;",
			"    console.log(\"Promise的链式调用结束,最终结果：\", data);",
			"}).catch(err => {",
			"    console.log(\"链式调用中某个环节出现错误！！\", err);",
			"})",
			"",
			"// Promise.all与式调用",
			"Promise.all([",
			"    new Promise((resolve, reject) => {",
			"        setTimeout(() => {",
			"            resolve({",
			"                message: \"第一个请求结果\",",
			"                num1: 1",
			"            })",
			"        })",
			"    }), new Promise((resolve, reject) => {",
			"        setTimeout(() => {",
			"            resolve({",
			"                message: \"第一个请求结果\",",
			"                num1: 2",
			"            })",
			"        })",
			"    })",
			"",
			"]).then(results => {",
			"    console.log(\"与式调用结果数组results：\", results);",
			"    console.log(\"对与式调用结果一起处理操作...\");",
			"}).catch(err => {",
			"    console.log(\"Promise.all与式调用错误！！\", err);",
			"});",
		],
		"description": "JavaScript的Promise对象"
	}
}