Articles

JavaScript Use Strict

Posted on

"use strict"; Définit que le code JavaScript doit être exécuté en « mode strict ».

La directive « use strict »

La directive "use strict" était nouvelle dans la version 5 d’ECMAScript.

Ce n’est pas une déclaration, mais une expression littérale, ignorée par les versions antérieures de JavaScript.

Le but de "use strict" est d’indiquer que le code doit être exécuté en « mode strict ».

Avec le mode strict, vous ne pouvez pas, par exemple, utiliser de variables non déclarées.

Tous les navigateurs modernes prennent en charge « use strict », à l’exception d’Internet Explorer 9 et des versions inférieures :

Directive
« use strict » 13.0 10.0 4.0 6.0 12.1

Les chiffres du tableau précisent la première version du navigateur qui prend pleinement en charge la directive.

Vous pouvez utiliser le mode strict dans tous vos programmes. Il vous aide à écrire un code plus propre,comme vous empêcher d’utiliser des variables non déclarées.

"use strict" est juste une chaîne de caractères, donc IE 9 ne lancera pas d’erreur même s’il ne la comprend pas.

Déclaration du mode strict

Le mode strict est déclaré en ajoutant « use strict » ; au début d’un script ou d’une fonction.

Déclaré au début d’un script, il a une portée globale (tout le code du script s’exécutera en mode strict):

Exemple

« use strict »;
x = 3.14 ; // Cela provoquera une erreur car x n’est pas déclaré

Essayez vous-même  »

Exemple

« use strict »;
myFunction();
fonction myFunction() {
y = 3.14 ; // Cela provoquera également une erreur car y n’est pas déclaré
}

Essayez vous-même  »

Déclarée à l’intérieur d’une fonction, elle a une portée locale (seul le code à l’intérieur de la fonction est en mode strict):

x = 3,14 ; // Cela ne provoquera pas d’erreur.
myFunction();
fonction myFunction() {
« use strict »;
y = 3.14 ; // Cela provoquera une erreur
}

Essayez vous-même  »

La syntaxe « use strict »;

La syntaxe, pour déclarer le mode strict, a été conçue pour être compatible avec les anciennes versions de JavaScript.

La compilation d’un littéral numérique (4 + 5 😉 ou d’un littéral de chaîne de caractères (« John Doe » 😉 dans un programme JavaScript n’a aucun effet secondaire. Il se compile simplement dans une variable non existante et meurt.

Donc "use strict"; n’a d’importance que pour les nouveaux compilateurs qui en « comprennent » la signification.

Pourquoi le mode strict ?

Le mode strict facilite l’écriture de JavaScript  » sécurisé « .

Le mode strict transforme les  » mauvaises syntaxes  » précédemment acceptées en véritables erreurs.

À titre d’exemple, en JavaScript normal, une erreur de frappe sur le nom d’une variable crée une nouvelle variable globale. En mode strict, cela déclenchera une erreur, rendant impossible la création accidentelle d’une variable globale.

En JavaScript normal, un développeur ne recevra aucun retour d’erreur en assignant des valeurs à des propriétés non inscriptibles.

En mode strict, toute affectation à une propriété non inscriptible, une propriété getter-only, une propriété inexistante, une variable inexistante ou un objet inexistant, lancera une erreur.

Interdit en mode strict

L’utilisation d’une variable, sans la déclarer, n’est pas autorisée :

« use strict »;
x = 3,14 ; // Cela provoquera une erreur

Essayer vous-même »

Les objets sont aussi des variables.

L’utilisation d’un objet, sans le déclarer, n’est pas autorisée :

« use strict »;
x = {p1:10, p2:20} ; // Cela provoquera une erreur

Essayez vous-même »

La suppression d’une variable (ou d’un objet) n’est pas autorisée.

« use strict »;
var x = 3,14;
delete x ; // Cela provoquera une erreur

Try it Yourself « 

La suppression d’une fonction n’est pas autorisée.

« use strict »;
fonction x(p1, p2) {} ;
delete x ; // Cela provoquera une erreur

Try it Yourself « 

La duplication d’un nom de paramètre n’est pas autorisée :

« use strict »;
fonction x(p1, p1) {} ; // Cela provoquera une erreur

Essayez vous-même « 

Les littéraux numériques octaux ne sont pas autorisés :

« use strict »;
var x = 010 ; // Cela provoquera une erreur

Essayez vous-même « 

Les caractères d’échappement octaux ne sont pas autorisés :

« use strict »;
var x = « \010 » ; // Cela provoquera une erreur

Try it Yourself »

L’écriture dans une propriété en lecture seule n’est pas autorisée:

« use strict »;
var obj = {};
Object.defineProperty(obj, « x », {value:0, writable:false});
obj.x = 3.14 ; // Cela provoquera une erreur

Essayez-le vous-même »

L’écriture sur une propriété get-only n’est pas autorisée:

« use strict »;
var obj = {get x() {return 0} };
obj.x = 3,14 ; // Cela provoquera une erreur

Essayer vous-même »

La suppression d’une propriété indélébile n’est pas autorisée:

« use strict »;
delete Object.prototype ; // Cela provoquera une erreur

Essayez vous-même »

Le mot eval ne peut pas être utilisé comme variable:

« use strict »;
var eval = 3.14 ; // Cela provoquera une erreur

Essayez-le vous-même »

Le mot arguments ne peut pas être utilisé comme variable:

« use strict »;
var arguments = 3.14 ; // Cela provoquera une erreur

Essayez-le vous-même »

L’instruction with n’est pas autorisée :

« use strict »;
with (Math){x = cos(2)} ; // Cela provoquera une erreur

Essayez vous-même « 

Pour des raisons de sécurité, eval() n’est pas autorisée à créer des variables dans le scope à partir duquel elle a été appelée :

« use strict »;
eval (« var x = 2 »);
alert (x) ; // Cela provoquera une erreur

Essayez-le vous-même »

Le mot-clé this dans les fonctions se comporte différemment en mode strict.

Le this mot-clé fait référence à l’objet qui a appelé la fonction.

Si l’objet n’est pas spécifié, les fonctions en mode strict renverront undefined et les fonctions en mode normal renverront l’objet global (fenêtre) :

« use strict »;
fonction myFunction() {
alert(this) ; // alertera « undefined »
}
myFunction() ;

Try it Yourself »

Future preuve !

Les mots-clés réservés aux futures versions de JavaScript ne peuvent PAS être utilisés comme noms de variables en mode strict.

Ce sont :

  • implements
  • interface
  • let
  • package
  • private
  • protégé
  • public
  • statique
  • yield
« use strict » ;
var public = 1500 ; // Cela provoquera une erreur

Essayez vous-même »

Attention !

La directive « use strict » n’est reconnue qu’au début d’un script ou d’une fonction.

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *