Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

Définitions d'objet Propriétés de l'objet Méthodes d'objet Affichage d'objet Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

Fonctions JavaScript

Définitions des fonctions Paramètres de fonction Appel de fonction Appel de fonction Fonction Appliquer Fermetures de fonction

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

Introduction DOM Méthodes DOM Documents DOM Éléments DOM HTML DOM Formulaires DOM DOM CSS Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds DOM

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Utilisation stricte de JavaScript


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


La directive "usage strict"

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

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 des variables non déclarées.

Tous les navigateurs modernes prennent en charge "use strict" sauf Internet Explorer 9 et inférieur :

Directive
"use strict" 13.0 10.0 4.0 6.0 12.1

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la directive.

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

"use strict" est juste une chaîne, donc IE 9 ne générera pas d'erreur même s'il ne la comprend pas.


Déclarer le 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;       // This will cause an error because x is not declared

Exemple

"use strict";
myFunction();

function myFunction() {
  y = 3.14;   // This will also cause an error because y is not declared
}

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;       // This will not cause an error.
myFunction();

function myFunction() {
  "use strict";
  y = 3.14;   // This will cause an error
}


Le "use strict" ; Syntaxe

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

Compiler un littéral numérique (4 + 5;) ou un littéral de chaîne ("John Doe";) dans un programme JavaScript n'a aucun effet secondaire. Il se compile simplement en une variable non existante et meurt.

Cela n'a donc "use strict";d'importance que pour les nouveaux compilateurs qui en "comprennent" le sens.


Pourquoi le mode strict ?

Le mode strict facilite l'écriture de JavaScript "sécurisé".

Le mode strict transforme la "mauvaise syntaxe" précédemment acceptée en véritables erreurs.

Par exemple, en JavaScript normal, la saisie erronée d'un nom de variable crée une nouvelle variable globale. En mode strict, cela générera 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 attribuant des valeurs aux propriétés non inscriptibles.

En mode strict, toute affectation à une propriété non inscriptible, une propriété getter uniquement, une propriété inexistante, une variable inexistante ou un objet inexistant génère une erreur.


Non autorisé en mode strict

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

"use strict";
x = 3.14;                // This will cause an error

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};      // This will cause an error

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

"use strict";
let x = 3.14;
delete x;                // This will cause an error

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

"use strict";
function x(p1, p2) {};
delete x;                // This will cause an error 

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

"use strict";
function x(p1, p1) {};   // This will cause an error

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

"use strict";
let x = 010;             // This will cause an error

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

"use strict";
let x = "\010";            // This will cause an error

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

"use strict";
const obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});

obj.x = 3.14;            // This will cause an error

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

"use strict";
const obj = {get x() {return 0} };

obj.x = 3.14;            // This will cause an error

La suppression d'une propriété non supprimable n'est pas autorisée :

"use strict";
delete Object.prototype; // This will cause an error

Le mot evalne peut pas être utilisé comme variable :

"use strict";
let eval = 3.14;         // This will cause an error

Le mot argumentsne peut pas être utilisé comme variable :

"use strict";
let arguments = 3.14;    // This will cause an error

La withdéclaration n'est pas autorisée :

"use strict";
with (Math){x = cos(2)}; // This will cause an error

Pour des raisons de sécurité, eval()n'est pas autorisé à créer des variables dans la portée à partir de laquelle il a été appelé :

"use strict";
eval ("let x = 2");
alert (x);             // This will cause an error

Le thismot-clé dans functions se comporte différemment en mode strict.

Le thismot 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 undefinedet les fonctions en mode normal renverront l'objet global (fenêtre) :

"use strict";
function myFunction() {
  alert(this); // will alert "undefined"
}
myFunction();


Preuve du futur !

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.

Ceux-ci sont:

  • met en oeuvre
  • interface
  • laisser
  • paquet
  • privé
  • protégé
  • Publique
  • statique
  • rendement
"use strict";
let public = 1500;      // This will cause an error

Fais attention!

La directive "use strict" n'est reconnue qu'au début d'un script ou d'une fonction.