Discussion :

[moimp]

Bonjour,

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[-Nikopol-]

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)

[moimp]

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.

[javatwister]

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
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;

[javatwister]

Teste ça pour t'amuser:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[moimp]

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