ECMAScript6中Promise是什么？有什么用？（附示例）

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

本篇文章给大家带来的内容是关于ECMAScript6中Promise是什么？有什么用？（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

刚学习完，有点粗略印象。整理记录一下以便后续学习补充，加深理解。

Promise是什么

Promise是构造函数，可以通过new来生成Promise对象。

Promise有什么用

目前我的感受是：更加方便来操作异步流程，更加明确直观的控制事件的流程以及可以链式调用

Promise特点

摘自ES6入门

Promise对象有以下两个特点。
（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。
（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为 resolved（已定型）。如果改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。

通过几个简单例子理解它

通过new构造一个简单的Promise对象

let p = new Promise((resolve, reject) => {});

传入的两个参数是用来控制Promise对象的状态，我们打印一下p看一下它的状态：
Promise {__proto__: Promise[[PromiseStatus]]: "pending"[[PromiseValue]]: undefined这个就是初始状态pending
而resolve，reject可以控制Promise的状态

//resolve() let p = new Promise((resolve, reject) => resolve("123")); //Promise {<resolved>: "123"}

//reject()
let p = new Promise((resolve, reject) => reject("123")); //reject()后是返回一个失败状态的Promise，不需要用catch来捕获不写catch会报错
p.catch(data => console.log(data));    
console.log(p);    //Promise {<rejected>: "123"}   123提到了catch那就有还有一个then
  说一直白点：then(f1, f2)可以填入两个函数参数，一个参数就是将resolve中参数代入f1来执行,第二个参数将reject中参数代入f2来执行;第二个参数可以用catch来代替，并且它更加强大，catch能捕获then()中的报错
let p = new Promise((resolve, reject) => {
    
    let n = Math.ceil(Math.random() * 10);
    n > 5 ? resolve(n) : reject(n);
});
p.then(
    data => console.log(data),
    data => console.log(data),
)用catch代替，并捕获then的错误
let p = new Promise((resolve, reject) => {
    
    resolve("yes")
});
p.then(
    data => {console.log(data),console.log(a)}

).catch(data => console.log(data));
//yes
//ReferenceError: a is not defined因为then处理后返回的还是Promise对象，这样方便链式调用，then中都没有return，怎么会有Promise对象的呢？
then或catch即使未显式指定返回值, 它们也总是自动包装一个新的fulfilled状态的promise对象。我们打印一下会发现：Promise {<resolved>: undefined}
   那么我们可以显示的return一个Promise对象看看，
let p = new Promise((resolve, reject) => resolve("yes"));
p.then(data => Promise.resolve("第二个Promise")).then(data => console.log(data));   //第二个Promise可以看到p.then(data => Promise.resolve("第二个Promise"))返回Promise对象是Promise {<resolved>: "第二个Promise"}并且将value值作为参数传入到第二个then中来执行
Promise.resolve(value   
关键词：ECMAScript6中Promise是啥？有啥用？（附示例）