Que fait la directive «Utiliser Strict» dans JavaScript

Que fait la directive «Utiliser Strict» dans JavaScript

JavaScript a évolué pendant longtemps sans aucun problème de compatibilité et modifié en ajoutant de nouvelles fonctionnalités mais en ne modifiant pas les anciennes fonctionnalités. Il avait ses avantages et ses inconvénients et l'avantage était qu'il ne permettait pas à la rupture du code existant, cependant, l'inconvénient était que toute erreur commise par les développeurs ou les créateurs était coincée dans JavaScript pour toujours.

Il s'est poursuivi jusqu'à ce qu'Ecmascript 5 (également appelé ES5) soit introduit en 2009 dont l'avantage était qu'il a ajouté de nouvelles fonctionnalités tout en modifiant celles actuelles. Cependant, par défaut en JavaScript, ces modifications sont désactivées. Il faut l'activer avec un message ou une commande spéciale qui est «Utiliser Strict».

Qu'est-ce que «utiliser Strict»

La définition de base de «Utiliser Strict» est qu'elle permet à JavaScript d'exécuter du code en mode strict. Le mode strict est quelque chose où l'on ne peut pas utiliser les variables non déclarées. Le mode strict nous aide également à éviter les bogues / erreurs possibles, si nous n'avons pas correctement suivi la syntaxe JavaScript. Il nous aide également lorsque nous fabriquons des fautes de frappe qui se traduisent par une nouvelle variable indésirable. Nous pouvons également dire que le but de base du mode strict est de rendre notre code plus propre.

Universellement soutenu?

Il convient de garder à l'esprit que l'utilisation stricte n'est pas universellement soutenue par les navigateurs. La plupart des navigateurs modernes prennent en charge «Utiliser Strict» à l'exception d'Internet Explorer 9 et des versions inférieures à 9. Les navigateurs suivants avec versions ci-dessus ou les versions spécifiées prennent en charge «Utiliser Strict».

Mozilla Firefox Internet Google Chrome Opéra Safari
4.0 dix.0 13.0 12.1 6.0

Syntaxe en mode strict

Nous pouvons implémenter ou déclarer l'utilisation stricte en ajoutant en haut d'une fonction ou coder le mot-clé «utiliser strict» de manière exacte. Si nous le déclarons en haut de notre code, il aura une portée globale qui signifie que tout notre code JavaScript s'exécutera en mode strict.

Voyons deux exemples. Dans le premier exemple, nous utiliserons une variable non déclarée sans utiliser «Utiliser Strict». Dans le deuxième exemple, nous utiliserons le mode strict de la même manière.

Exemple 1:

name = "Linux Hint";
console.log (nom);

Sortie: indice Linux

Exemple 2:

"Utilisez strict";
name = "Linux Hint";
// Cela entraînera une erreur que le nom n'est pas défini

"Le nom n'est pas défini»L'erreur sera causée dans le scénario ci-dessus.

Voyons un autre exemple où le mode strict est utilisé à l'intérieur de la fonction. La portée «Utiliser Strict» sera fonctionnelle I-E limitée à la fonction.

Exemple 3:

fonction myfunc ()
"Utilisez strict";
y = 4;
// Cela entraînera une erreur
// L'erreur sera que y n'est pas défini

myfunc ();

Dans cet exemple, la première variable «nom» n'aura pas d'erreur car nous n'utilisons pas le mode strict. Cependant, dans la fonction, on montrera qu'une erreur de «y» n'est pas déclarée car nous utilisons le mode «Utiliser Strict». Permettez-moi de souligner à nouveau que dans cet exemple, la portée du mode strict est limitée à la fonction «myfunc ()».

Pourquoi utiliser le mode strict?

Maintenant que nous avons examiné la syntaxe du mode strict et quelques exemples, explorons la question de savoir pourquoi utiliser le mode strict?

L'avantage de l'utilisation du mode strict est qu'il rend notre code plus propre comme mentionné précédemment. De plus, le mode strict nous aide à écrire un javascript sécurisé. Souvent, nous ignorons la mauvaise syntaxe. Cela peut nous causer des problèmes plus tard. Le mode strict nous aide à convertir le code de syntaxe informel / mauvais en erreurs réelles afin que nous puissions les gérer en conséquence.

Dans l'exemple 1, nous avons vu que nous n'avons pas déclaré de variable mais la console JavaScript n'a pas lancé d'erreurs. Il a traité la variable «nom» comme une variable globale. En mode strict, nous évitons cela car le mode strict lance une erreur que le nom n'est pas défini. Cela nous aide à éviter de déclarer accidentellement les variables globales de notre code.

Restrictions en mode strict

Discutons de ce qui n'est pas autorisé ou pas autorisé en mode strict. Nous pouvons voir dans l'exemple 1 que nous ne pouvons pas utiliser une variable en mode strict s'il n'est pas défini ou déclaré. Il en va de même pour les objets. Nous devons déclarer des objets en mode strict, sinon nous obtiendrons une erreur.

Exemple 4:

"Utilisez strict";
langue =
Premièrement: "anglais",
Deuxièmement: "chinois"
;
// Cela nous lancera une erreur car "la langue" de l'objet n'est pas définie

Le mode strict ne nous permet pas non plus de supprimer une variable ou une fonction.

Exemple 5:

"Utilisez strict";
const pi = 3.143;
supprimer pi;
// Cela entraînera une erreur
fonction myfunc ()
//Bonjour le monde

supprimer myfunc;
// Cela entraînera une erreur

En dehors de cela, le mode strict nous empêche d'utiliser des mots clés réservés dans les futures versions JavaScript ou à utiliser actuellement. Par exemple, nous ne pouvons pas utiliser les outils, let, le package, l'interface, le rendement, statique, protégé, public, privé, arguments, etc.

Mot-clé «ceci» en mode strict

Le mot-clé «this» est utilisé en javascript pour désigner un objet auquel il appartient. Le mot-clé «ce» se comporte différemment en mode strict. Supposons que vous utilisiez un objet non déclaré avec l'utilisation de «ceci». JavaScript retournera «non défini» en mode strict plutôt que dans l'objet.

Exemple 6:

"Utilisez strict";
fonction myfunc ()
alerte (ceci);
// Cela nous montrera une alerte de non définie

// appelle la fonction maintenant
myfunc ();

Conclusion

Le mot-clé utilise Strict aide les développeurs JavaScript à exécuter leur code JavaScript en mode strict, donc restreignant l'utilisation de variables non déclarées et aide les développeurs en évitant les erreurs ou les bogues possibles.

Nous avons étudié la directive «Utiliser Strict» dans ce post et discuté de la façon dont et pourquoi utiliser la directive «Utiliser Strict» ainsi que discuté, le navigateur qui prend en charge le mode strict. Nous avons tenu une emprise sur les concepts en utilisant des exemples. En étudiant cet article, nous savons comment rendre notre code plus propre et comment éviter les variables globales inutiles avec l'utilisation de «Utiliser Strict». Permettez-moi de souligner à nouveau le fait que si vous travaillez avec «Utilisez Strict», déclarez-le toujours en haut d'un bloc de code ou en haut de la fonction pour qu'il fonctionne.