Grundlegendes zum strikten Modus in Javascript_Javascript-Tipps

1. Was ist der strikte Modus?
Der JavaScript-Code, den wir normalerweise schreiben, läuft im Allgemeinen im normalen Modus. Zusätzlich zum normalen Ausführungsmodus fügt ECMAscript 5 einen zweiten Ausführungsmodus hinzu: „Strikter Modus“. Wie Sie am Namen erkennen können, führt dieser Modus dazu, dass JavaScript in einer strengeren Umgebung ausgeführt wird.
Große Browser, darunter IE 10, unterstützen es bereits und viele große Projekte haben damit begonnen, es vollständig zu nutzen. (Viele Projekte auf Github verwenden den strikten Modus)
2. Aktivieren Sie den strikten Modus
Strikten Modus für das gesamte Skript aktivieren
Setzen Sie vor allen Anweisungen eine bestimmte Anweisung „use strict“;
Angenommen, es gibt ein Skript reeoo.js, dann können Sie den strikten Modus wie folgt aktivieren:

"use strict";
var name = "Reeoo";
console.log(name);

Bei dieser Schreibweise gibt es natürliche Fallstricke, ABER wenn wir den Code zusammenführen wollen, werde ich jetzt heigui.js zusammenführen:

heigui = "db";

Mit reeoo.js zusammenführen. Es ist gut, wenn die beiden Skripte separat ausgeführt werden, bei der Kombination wird jedoch ein Fehler gemeldet.
Uncaught ReferenceError: heigui ist nicht definiert(…)
Das Zusammenführen eines Skripts im strikten Modus und eines Skripts im nicht strikten Modus kann dazu führen, dass der Skriptcode im nicht strikten Modus einen Fehler meldet. Es wird empfohlen, den Code in eine Funktion zur sofortigen Ausführung einzuschließen.

(function(){
 "use strict";
 var name = "reeoo";
})();

(function(){
 heigui = "db";
})();

Auf diese Weise werden nach dem Zusammenführen keine Fehler gemeldet.
Strikten Modus für eine Funktion aktivieren
Um den strikten Modus für eine Funktion zu aktivieren, fügen Sie einfach die Anweisung „use strict“ vor allen Anweisungen im Funktionskörper ein.

function strictFun()
{
 // 函数级别严格模式语法
 'use strict';
 console.log('I am a strictmode function!');
}

function normalFun() { 
 console.log('I am a mormal function!');
}

Debuggen des strengen Modus in Chrome
Ich habe diesen Code:

'use strict'
name = "reeoo";
console.log(name)

Fügen Sie diesen Code direkt in die Chrome-Konsole ein und führen Sie ihn aus. Unter normalen Umständen sollte ein Fehler gemeldet werden, aber kein Fehler

Natürlich ist es im strikten Modus illegal, Variablen ohne var zu deklarieren, aber warum wird kein Fehler gemeldet?

Was zum Teufel ist das? Unterstützt Chrome den strikten Modus nicht? Was für ein Witz. . .
Nach einer Online-Suche stellte sich heraus, dass der Konsolencode von Chrome in EVAL ausgeführt wird und Sie für die Evaluierungsfunktion keinen strengen Modus verwenden können (dies ist möglicherweise nicht ganz korrekt, aber was genau Chrome tut, ist unbekannt), wie unten gezeigt. Erklären Sie die Evaluierungsfunktion kann den strikten Modus verwenden:

Um Fehler im strikten Modus im Chrome-Browser ordnungsgemäß zu melden, müssen Sie eine sofortige Ausführungsfunktion außerhalb des Codes einbinden oder andere ähnliche Maßnahmen ergreifen.

(function(){
 'use strict'
 name = "reeoo";
 console.log(name) 
})()

Das ist es

FireFox-Code-Scratch-Paper-Debugging im strengen Modus
Chrome erfordert, dass wir eine Abschlussschicht einschließen, um den Strict-Modus auszuführen. Da dies so problematisch ist, gibt es eine andere Möglichkeit, den Strict-Mode-Code direkt auszuführen. FireFox verfügt über ein Code-Scratch-Paper, das Sie direkt ausführen können. Die Tastenkombination ist UMSCHALTF4

Wie streng ist der strikte Modus Einige wichtige Einschränkungen im strikten Modus

1. Variablendeklaration
Die Verwendung einer nicht deklarierten Variablen ist nicht zulässig

"use strict";
name = "reeoo";

Fehlerberichterstattung (Codeentwurfspapier, dasselbe unten)

Ausnahme: ReferenceError: Zuweisung an nicht deklarierten Variablennamen

2. Ändern Sie den Wert des schreibgeschützten Attributs

"use strict";
var testObj = Object.defineProperties({}, {
 prop1: {
 value: 10,
 writable: false // 一个只读的属性
 },
 prop2: {
 get: function () {
 }
 }
});
testObj.prop1 = 20; //尝试改变prop1的值
testObj.prop2 = 30;//尝试改变prop2的值

Ein Fehler wird im strikten Modus gemeldet:

Nicht erfasster Typfehler: Die schreibgeschützte Eigenschaft „prop1“ von #