JavaScript: querySelector Null vs querySelector

Quelle est la principale différence entre ces deux méthodes de référencement?

Quels sont les avantages de l'utilisation de l'un ou de l'autre? Aussi ce type d'utilisation-cas, chacune d'elles sera la mieux adaptée?

var selection = document.querySelector('.selector') !== null;

var selection = document.querySelector('.selector');

Est l'ancien uniquement pour le navigateur legacy support?

Eh bien, la première renvoie la valeur booléenne, la seconde renvoie un objet ou une valeur null. C'est ce que tu voulais savoir?
oui, peut-être un peu plus en profondeur. Ce qui est une valeur booléenne? et quelle est la différence entre elle et un objet?
Boolean est un autre mot pour "vrai/faux".

OriginalL'auteur user3143218 | 2014-04-10

  1. 21

    Le premier obtient la référence et vérifie si l'élément existe, et enregistre cet état comme une valeur booléenne dans la variable. Si l'élément existe, la variable contient true sinon false.

    Vous utilisez la première, si vous voulez savoir si l'élément existe, mais n'ont pas besoin de la référence.

    Exemple:

    var selection = document.querySelector('.selector') !== null;
if (selection) {
  alert('The element exists in the page.');
} else {
  alert('The element does not exists in the page.');
}

    La seconde devient la référence et la stocke dans la variable, mais ne vérifie pas si l'élément existe. Si l'élément existe, la variable contient la référence à l'élément, sinon la variable contient null.

    Vous utilisez la seconde si vous avez besoin de la référence à l'élément. Si il est possible que l'élément n'existe pas dans la page, vous devriez vérifier si la variable contient null avant d'essayer de faire quelque chose avec la référence.

    Exemple:

    var selection = document.querySelector('.selector');
if (selection !== null) {
  alert('I have a reference to a ' + selection.tagName + ' element.');
} else {
  alert('The element does not exists in the page.');
}

    OriginalL'auteur Guffa

  2. 2

    vous pouvez aussi faire:

    [].filter.call([document.querySelector('.single-selected-class')], item => item)
    .forEach(item => item.blur());

    OriginalL'auteur zwacky

  3. 1

    La première instruction contient une valeur booléenne dépend document.querySelector('.selector') est null ou pas

    var selection = document.querySelector('.selector') !== null;

    la deuxième déclaration contient la valeur réelle de document.querySelector('.selector');

    var selection = document.querySelector('.selector');

    OriginalL'auteur zzlalani