Pourquoi je n'ai pas d'erreur avec "use strict" ?

Bonjour,

Citation:

---

Pourquoi je n'ai pas d'erreur avec "use strict" ?

---

D'habitude on se pose plutôt la question inverse mais j'aime bien comprendre.
Voici mon code:

Code:

---

1 2 3 4 5 6 7 8 9 10

"use strict";   const tabForms = document.querySelectorAll("[name='tabForm']") ,dates = document.querySelectorAll("[id*='date_']") ,dateLabels = document.querySelectorAll("[for*='date_']") ,calSpan = document.querySelector("#calSpan") ;   console.log(tabForm);

---

Ici, je n'ai qu'un élément form et la console détecte tabForms[0]. Est-ce bien normal? Pourquoi?

querySelectorAll renvoit un tableau meme si il n'y a qu'un élément, querySelector, renverra lui un élément (le premier qu'il trouve)

Justement, je me suis peut-être mal exprimé. A la ligne 10, la console détecte tabForm qui n'est pas déclaré comme si j'avais écrit tabForms[0]. Je devrais donc avoir une erreur puisque d'une part je suis en mode strict et que d'autre part tabForm (sans S) est indéfini.

C'est une tolérance qui subsiste depuis les années d'enfance de Javascript: on pouvait désigner un élément du DOM simplement par son "id" ou son "name", sans passer par les méthodes (qui n'existaient pas) getElementById() ou GetElementsByName(); ce qui est drôle, c'est que c'était une syntaxe exclusive IE, donc en JScript, et que maintenant elle est acceptée partout :mouarf:
Tu peux donc toujours le faire; ça n'a pas grande conséquence sauf que si tu déclares une variable du même nom, c'est elle qui sera ciblée;

Teste ça pour t'amuser:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div id="div_id">div appelé par son id</div> <form name="form_name" data_t="formulaire appelé par son name"> <p> <input type="text" size="50" name="text_name" value="input appelé par le name de son parent + son name" /> </p> <p> <input type="button" id="button_id" value="button appelé par son id" /> </p> </form>   <script> console.log(div_id) console.log(form_name) console.log(form_name.text_name) console.log(button_id) </script>

---

OK, merci. Je comprends mais pour la bonne pratique je pense qu'il vaut mieux être rigoureux avec un tabForms[0]