Problem mit der Blockierung von Javascript

Javascript blockiert die Ausführung des Programms

Javascript-Thread-Problem

---

JavaScript ist Single-Threaded und die Ausführung von Ein Js-Programm nimmt den gesamten Programmprozess in Anspruch und wir versuchen normalerweise mit allen Mitteln, die Blockierung des Programms durch asynchrone Programmierung zu reduzieren. In einigen speziellen Szenarien müssen wir jedoch die Ausführung des Programms blockieren. Deshalb werden wir heute das Gegenteil tun Sehen Sie, wie es geht. Der normale Weg, Js am Laufen zu hindern.

Methode 1: Endlosschleife

---

• Single-Threaded-JavaScript kann uns Inspiration geben, solange das Programm weiter rechnet. Das Programm kann blockiert werden. Prozess:
  

function sleep(d){  
    let t = Date.now();
    while(Date.now() - t <= d);  
}

function test() {
    console.log(&#39;sleep&#39;);
    sleep(10000);
    console.log(&#39;run&#39;);
}

test();

• Aber diese Methode verursacht tatsächlich einen Zustand der angehaltenen Animation, indem sie die Ressourcen des Computers auf unbestimmte Zeit belegt viel CPU und Diese Methode ist nicht ratsam, ohne den Programmablauf tatsächlich zu stoppen.

Methode 2: setTimeout

---

• Wir verwenden den setTimeout-Rückruf direkt, um den Prozess des Programms zu blockieren , natürlich kann das Programm nicht fortgesetzt werden und die CPU in den Leerlauf versetzen, aber diese Schreibweise ist keine synchrone Programmiermethode:

function test() {
    console.log('sleep');
    setTimeout(function() {
        console.log('run');
    }, 10000)
}

await

• ES Asynchronous Programmierungen wie Promise und Wait erscheinen in der erweiterten Version. Sie müssen das Programm auch mit Hilfe von setTimeout lösen. Es wird empfohlen, diese Methode zu verwenden:

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function test() {
    console.log('sleep');
    await sleep(10000);
    console.log('run');
}

test();

Methode 3: Generator & Yield

---

• ES6-Iteratoren verfügen auch über asynchrone Programmierfunktionen, aber diese Schreibmethode ist ziemlich undurchsichtig und schwer umzusetzen Verstehen Sie es, daher wird empfohlen, es sparsam zu verwenden:

function sleep(time) {
    setTimeout(function () {
        test.next();
    }, time);
}

function* gen() {
    console.log('sleep');
    yield sleep(10000);
    console.log('10 second later');
}

let test = gen();
test.next();

Zusammenfassung

Die oben genannten Methoden können in zwei Typen zusammengefasst werden: Eine besteht darin, den Single-Thread-Mechanismus zu verwenden von Js auf erzwungene Blockierungsart; die andere besteht darin, den Asynchronitätsmechanismus von Js + erweiterte asynchrone Programmiersyntax zu nutzen. Natürlich verwenden wir in tatsächlichen Geschäftssituationen selten blockierende JS-Prozesse. Wir verbieten Benutzern häufig, den Betrieb über die Benutzeroberfläche fortzusetzen, und helfen uns, einige Grundprinzipien von JS besser zu verstehen.

Empfohlenes Tutorial: „JS-Tutorial“

Das obige ist der detaillierte Inhalt vonProblem mit der Blockierung von Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!