Promise được tận dụng để xử lý những sinh hoạt bất đồng nhất trong JavaScript. Chúng dễ quản lý và vận hành khi xử lý nhiều sinh hoạt bất đồng nhất trong đó những lệnh callback rất có thể tạo callback-hell lại kéo theo code không thể quản lý và vận hành được.

Bạn Đang Xem: [JavaScript] Promise trong Javascript? Cách sử dụng Promise?

Trước lúc có Promise sự kiện, callback function đã được tận dụng nhiều nhưng chúng có những công dụng hạn chế và tiết ra mã code không thể quản lý và vận hành được. Nhiều callback function lồng nhau sẽ tiết ra callback hell kéo theo code không thể quản lý và vận hành được. Những events không xử lý tốt những sinh hoạt bất đồng nhất.

firstFunction(args, function() { secondFunction(args, function() { thirdFunction(args, function() { // And so on… }); }); });

Promise là việc lựa chọn lý tưởng để xử lý những sinh hoạt bất đồng nhất một kiểu giản dị nhất. Chúng rất có thể xử lý nhiều sinh hoạt bất đồng nhất một kiểu đơn giản và dễ dàng và cung ứng kỹ năng xử lý lỗi tốt hơn những callbacks function và events.

• Những lợi ích của Promises:

  1. Giúp callback function trở thành rỏ ràng hơn
  2. Xử lý tốt những hoạt bất đồng nhất
  3. Khái niệm tốt hơn những luồng xử lý trong những sinh hoạt bất đồng nhất
  4. Vận hành những lỗi một những tốt hơn

• Những trạng thái của Promises:

  1. fulfilled: những xử lý liên quan khi promise đã thành công
  2. rejected: những xử lý liên quan khi promise đã thất bại
  3. pending: Promise đang chờ xử lý, tức là không hề có fulfilled hoặc rejected trã về
  4. settled: Promise đã triển khai fulfilled hoặc rejected

• Một Promise rất có thể được khỏi tạo bởi Promise constructor

  var promise = new Promise(function(resolve, reject){ //do something });

• Parameters

  • Hàm tạo Promise chỉ nhận một đối số là một callback function.
  • Callback function nhận hai đối số, resolve và reject.
  • Tiến hành những thao tác phần nằm trong callback function và nếu mọi thứ trơn tru thì hãy gọi resolve.
  • Nếu những sinh hoạt mong muốn xẩy ra lỗi thì hãy gọi reject.

  Đó là 1 ví dụ:

  var promise = new Promise(function(resolve, reject) { const a = ‘Okay’; const b = ‘Okay’ if(a === b) { resolve(); } else { reject(); } }); promise. then(function () { console.log(‘Success.’); }). catch(function () { console.log(‘Failed.’); });

  Output

  Success.

• Promise được sử dụng ra sao? Promise rất có thể được tận dụng bằng phương pháp tận dụng phương thức .then và .catch.

  Xem Thêm : TIPS #13: ĐẢO PHÁCH VÀ NGHỊCH PHÁCH ❤️ SỰ KHÁC NHAU GIỮA ĐẢO PHÁCH VÀ NGHỊCH PHÁCH HẲN BẠN ĐÃ BIẾT?

  1. then()

  • then() được gọi khi promise trả về resolved hoặc rejected.

    Parameters:

    Phương thức .then() nhận hai hàm làm thông số.

    • Hàm trước tiên được thực thi nếu promise được giải quyết và xử lý và nhận được thành phẩm.
    • Hàm thứ hai được thực thi nếu promise bị rejected và nhận được lỗi. (Có một kiểu tốt hơn để sửa lỗi bằng phương pháp tận dụng phương thức .catch() )

    Về cú pháp:

    .then(function(result){ //handle success }, function(error){ //handle error })

    Ví dụ Promise Rejected:

    var promise = new Promise(function(resolve, reject) { resolve(‘Handle success.’); }) promise .then(function(successMessage) { //success handler function is invoked console.log(successMessage); }, function(errorMessage) { console.log(errorMessage); })

    Output

    Handle success.

    Ví dụ Promise Rejected:

    var promise = new Promise(function(resolve, reject) { reject(‘Handle error.’); }) promise .then(function(successMessage) { console.log(successMessage); }, function(errorMessage) { //error handler function is invoked console.log(errorMessage); })

    Output

    Handle error.

  Xem Thêm : Chủ tịch hội đồng quản trị tiếng Anh là gì?

  2. catch()

  • catch() được gọi khi promise reject hoặc có lỗi xẩy ra khi thực thi.

    Parameters:

    catch() nhận một function làm thông số. Đó là function xử lý lỗi hoặc là một promise reject.

    Cú pháp thực thi:

    .catch(function(error) { // Handler error })

    Ví dụ về Promise Rejected

    var promise = new Promise(function(resolve, reject) { reject(‘Promise Rejected.’); }) promise .then(function(successMessage) { console.log(successMessage); }, function(errorMessage) { //error handler function is invoked console.log(errorMessage); })

    Output

    Promise Rejected.

    Hay là:

    var promise = new Promise(function(resolve, reject) { throw new Error(‘Some error has occured.’) }) promise .then(function(successMessage) { console.log(successMessage); }, function(errorMessage) { //error handler function is invoked console.log(errorMessage); })

    Output

    Some error has occured.

Vậy Promise được ứng dụng ra sao?

• Đó là lúc mình muốn xử lý những sự kiện bất đồng nhất.
• Là một giải pháp tốt để tránh callback hell.