javascript – Zweifel an asynchronen Promise-Operationen und wie man sie eleganter schreiben kann
In den letzten Tagen habe ich viele technische Beiträge zum Thema „Versprechen“ gelesen. Ich bin von ihnen beeindruckt und habe nur ein geringes Verständnis für ihre Funktionen.
Lassen Sie uns zunächst über das Problem sprechen, das im Projekt am häufigsten verwendet wird: „Mehrere Ajax-Abhängigkeitsanforderungen“.
Das größte Problem -free Alle Methoden sind synchronisiert, aber das Ergebnis ist ein schreckliches Erlebnis. Die Seite friert ein und der Ladevorgang stoppt. Das Ekelhafte an der Verwendung asynchroner Vorgänge ist die Schicht für Schicht von Rückrufen und weiteren abhängigen Vorgängen.Im Leben geht es ums Werfen, also ging ich zum ersten Absatz zurück und las verschiedene Dinge durch und sah einen bestimmten Bruder, der das Prinzip des Versprechens analysierte. Hier ist der Code von diesem Bruder, http://malcolmyu.github.io/. ma...
function Promise(fn) {
var state = 'pending';
var value;
var deferred = null;
function resolve(newValue) {
if(newValue && typeof newValue.then === 'function') {
newValue.then(resolve, reject);
return;
}
state = 'resolved';
value = newValue;
if(deferred) {
handle(deferred);
}
}
function reject(reason) {
state = 'rejected';
value = reason;
if(deferred) {
handle(deferred);
}
}
function handle(handler) {
if(state === 'pending') {
deferred = handler;
return;
}
var handlerCallback;
if(state === 'resolved') {
handlerCallback = handler.onResolved;
} else {
handlerCallback = handler.onRejected;
}
if(!handlerCallback) {
if(state === 'resolved') {
handler.resolve(value);
} else {
handler.reject(value);
}
return;
}
var ret = handlerCallback(value);
handler.resolve(ret);
}
this.then = function(onResolved, onRejected) {
return new Promise(function(resolve, reject) {
handle({
onResolved: onResolved,
onRejected: onRejected,
resolve: resolve,
reject: reject
});
});
};
fn(resolve, reject);
}Nachdem ich es gelesen hatte, musste ich mich noch einmal fragen ( function(){ do... } ), ist das nicht ein Rückruf? Könnte es sein, dass die Bedeutung des Werfens darin besteht, Syntaxzucker zu verwenden ( Ich glaube es nicht).
Existenz ist vernünftig, also wie kann man Versprechen am Ende vernünftig nutzen und den Ajax-Prozess eleganter betreiben? Was halten Sie übrigens von der Verwendung von (axios fetch.js)?
