Embeer.js Promise catch()用法及代碼示例

Ember.js 是一個開源 JavaScript 框架，用於開發基於 Model-View-Controller (MVC) 架構的大型客戶端 Web 應用程序。 Ember.js是使用最廣泛的前端應用框架之一。它的目的是加速開發並提高生產力。目前，它被大量網站使用，包括 Square、Discourse、Groupon、Linked In、Live Nation、Twitch 和 Chipotle。

catch() 方法用於處理被拒絕的 Promise。

用法:

catch(onRejected, String label)

參數：它需要兩個參數。

Onrejected:這是一個回調函數，當 Promise 被拒絕時執行。
String label: 這用於標記承諾，這本質上是一個可選參數。

返回值：它返回一個新的承諾。

安裝和運行 Ember.js 的步驟：

第 1 步：要運行以下示例，您需要有一個 ember 項目。要創建一個，您需要先安裝ember-cli。在終端中寫入以下代碼：

npm install -g ember-cli

第 2 步：現在您可以通過輸入以下代碼來創建項目：

ember new <project-name> --lang en

步驟 3：要啟動服務器，請鍵入：

ember serve

步驟4：以上查詢執行成功後，您可以在以下位置查看進度

http://localhost:4200/

示例 1：輸入以下代碼即可使用 catch()方法捕獲由reject()方法。

應用程序/控製器/app.js

Javascript


const Promise1 = new Promise((resolve, reject) => {
    setTimeout(function () {
        Math.random() == 0.5
            ? resolve('Success!')
            : reject(new Error('Something went wrong'));
    }, 1000);
});
Promise1
    .then((result) => {
        console.log(result);
    })
    .catch(() => {
        console.log('Error has Occurred');
    });

應用程序/模板/application.hbs

Javascript


{{page-title "Emberjs"}}
<div>
    <h2>
        Welcome to the tutorial 
        of Promises in Ember.js
    </h2>
</div>

輸出：訪問 localhost:4200/查看輸出

示例 2：鍵入以下代碼以使用catch()方法來捕獲由 reject()方法。

應用程序/控製器/app1.js

Javascript


let promise2 = new Promise((resolve, reject) => {
    console.log('Promise 2');
    setTimeout(() => {
        const a = 5;
        a >= 18 ? resolve('Success!') : 
            reject(new Error('something has occurred'));
    }, 2000);
});
promise2
    .then((result) => {
        console.log(result);
    })
    .catch(() => {
        console.log('Error has Occurred');
    });

應用程序/模板/application.hbs

Javascript


{{page-title "Emberjs"}}
<div>
    <h2>Welcome to the tutorial of Promises in Ember.js </h2>
</div>

輸出：訪問 localhost:4200/查看輸出

參考：https://api.emberjs.com/ember/3.18/classes/Promise/methods/catch?anchor=catch

相關用法

注：本文由純淨天空篩選整理自ravi0307大神的英文原創作品 Ember.js Promise catch() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。