Tutoriel étape par étape sur la mise en œuvre de Promise

[Recommandations d'apprentissage associées : tutoriel vidéo javascript]

Avant-propos

De nombreux débutants en JavaScript ont ressenti la peur d'être dominés par l'enfer des rappels, et ils ne sont soulagés que lorsqu'ils maîtrisent la syntaxe Promise. Bien que de nombreux langages aient déjà intégré Promise, ce qui le fait vraiment avancer en JavaScript est la reconstruction de $.ajax par jQuery 1.5, qui prend en charge Promise, et son utilisation coïncide avec l'appel en chaîne préconisé par jQuery. Plus tard, lorsque ES6 est né, tout le monde a commencé à entrer dans l'ère de la promesse universelle. Plus tard, ES8 a introduit la syntaxe asynchrone pour rendre l'écriture asynchrone de JavaScript plus élégante.

Aujourd'hui, nous allons implémenter une Promise étape par étape. Si vous n'avez pas encore utilisé Promise, il est recommandé de vous familiariser avec la syntaxe Promise avant de lire cet article.

Constructeur

dans l'existant Promise/A+ La spécification ne précise pas d'où vient l'objet promise. Dans jQuery, l'objet promise est obtenu en appelant $.Deferred(). Dans ES6, l'objet promise est obtenu en instanciant la classe Promise. Ici, nous utilisons la syntaxe ES pour construire une classe et renvoyer l'objet de promesse par instanciation. Puisque Promise existe déjà, nous nommons temporairement cette classe Deferred.

class Deferred {  constructor(callback) {    const resolve = () => {      // TODO
    }    const reject = () => {      // TODO
    }    try {
      callback(resolve, reject)
    } catch (error) {
      reject(error)
    }
  }
}复制代码

Le constructeur accepte un rappel. Lors de l'appel du rappel, vous devez transmettre deux méthodes : résoudre et rejeter.

État de promesse

La promesse est divisée en trois états :

• ⏳Tutoriel étape par étape sur la mise en œuvre de Promise : En attendant, c'est l'état initial de la Promesse

  

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!