01.28 JS 日常使用 Promise

什麼是Promise

Promise 對象用於表示一個異步操作的最終完成 (或失敗), 及其結果值.

演示最簡單的例子1

<code>// 右鍵審查元素, 點擊console 將下方代碼粘貼你將會看到輸出如下
// then: 我成功了
const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('我成功了');
  }, 300);
});

promise1
.then(str => console.log('then: ', str))
.catch(err => console.error('catch: ', err)); // 這一步是不會執行的
/<code>

演示最簡單的例子2

<code>// 右鍵審查元素, 點擊console 將下方代碼粘貼你將會看到輸出如下
// catch: 我失敗了
const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('我失敗了');
  }, 300);
});

promise1
.then(str => console.log('then: ', str)) // 這一步是不會執行的
.catch(err => console.error('catch: ', err)); 
/<code>

日常我的使用方式

<code>(async () => {
\tawait test()
\t  .then(e => console.log(e))
\t  .cacht(err => console.log(err))

\tfunction test() {
\t\treturn new Promise((resolve, reject) => {
\t\t\t// ....某代碼
\t\t    setTimeout(() => {
\t\t      reject('我失敗了');
\t\t    }, 300);
\t\t});
\t}
});/<code>

閱讀更多 小小小小小小王 的文章

關鍵字: catch 右鍵 new