Comprendre le mode strict dans les astuces javascript

1. Qu'est-ce que le mode strict
Le code JavaScript que nous écrivons habituellement s'exécute généralement en mode normal. En plus du mode d'exécution normal, ECMAscript 5 ajoute un deuxième mode d'exécution : le « mode strict ». Comme son nom l'indique, ce mode permettra à JavaScript de s'exécuter dans un environnement plus strict.
Les principaux navigateurs, dont IE 10, le prennent déjà en charge, et de nombreux grands projets ont commencé à l'adopter pleinement. (De nombreux projets sur github utilisent le mode strict)
2. Activer le mode strict
Activer le mode strict pour l'ensemble du script
Mettez une instruction spécifique "use strict";
avant toutes les instructions Supposons qu'il existe un script reeoo.js, vous pouvez activer le mode strict comme ceci :

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

Copier après la connexion

Il y a des pièges naturels dans cette façon d'écrire MAIS si on veut fusionner le code, je vais maintenant fusionner heigui.js :
.

heigui = "db";

Copier après la connexion

Fusionner avec reeoo.js. Il est bon que les deux scripts soient exécutés séparément, mais une erreur sera signalée lorsqu'ils seront combinés.
Uncaught ReferenceError : heigui n'est pas défini(…)
La fusion d'un script en mode strict et d'un script en mode non strict peut amener le code du script en mode non strict à signaler une erreur. Il est recommandé que le code soit encapsulé dans une fonction d'exécution immédiate.

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

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

Copier après la connexion

De cette façon, aucune erreur ne sera signalée après la fusion.
Activer le mode strict pour une fonction
Pour activer le mode strict pour une fonction, placez simplement l'instruction "use strict" avant toutes les instructions dans le corps de la fonction.

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

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

Copier après la connexion

Débogage du mode strict dans Chrome
J'ai ce morceau de code :

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

Copier après la connexion

Collez ce code directement dans la console Chrome et exécutez-le. Dans des circonstances normales, une erreur devrait être signalée, mais aucune erreur n'est signalée.

Évidemment, en mode strict, il est illégal de déclarer des variables sans var, mais pourquoi aucune erreur n'est-elle signalée ?
Qu'est-ce que c'est ? Chrome ne prend-il pas en charge le mode strict ? Quelle blague. . .
Après une recherche en ligne, il s'avère que le code de la console de Chrome s'exécute en eval et que vous ne pouvez pas utiliser le mode strict pour la fonction eval (cela n'est peut-être pas tout à fait correct, mais ce que fait exactement Chrome est inconnu), comme indiqué ci-dessous. Expliquez que la fonction eval peut utiliser le mode strict :

Pour signaler correctement les erreurs en mode strict dans le navigateur Chrome, vous devez envelopper une fonction d'exécution immédiate en dehors du code, ou d'autres mesures similaires.

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

Copier après la connexion

C'est tout
Mode strict de débogage du papier brouillon du code FireFox
Chrome nous oblige à inclure une couche de fermetures pour exécuter le mode strict. Comme c'est si gênant, existe-t-il un autre moyen d'exécuter directement du code en mode strict ?
FireFox dispose d'un papier brouillon de code que vous pouvez exécuter directement. La touche de raccourci est SHIFT F4
.

Quelle est la rigueur du mode strict
Quelques limitations importantes en mode strict

1. Déclaration des variables
L'utilisation d'une variable non déclarée n'est pas autorisée

"use strict";
name = "reeoo";

Copier après la connexion

Rapport d'erreurs (projet de code, le même ci-dessous)
Exception : ReferenceError : affectation à un nom de variable non déclaré

2. Modifier la valeur de l'attribut en lecture seule

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

Copier après la connexion

Une erreur sera signalée en mode strict :
Uncaught TypeError : impossible d'attribuer la propriété en lecture seule 'prop1' de #