Méthode de jugement des attributs JavaScript multi-navigateurs_compétences javascript

J'ai découvert une erreur très simple en écrivant du code aujourd'hui. Lorsque nous déclarons des variables, nous utilisons souvent la méthode d'écriture suivante pour déterminer de quel attribut il s'agit, car différents navigateurs ont des définitions d'API différentes, par exemple :

Copier le code Le code est le suivant :

var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;

Utilisez || pour vérifier quel attribut utiliser .
Mais soyez prudent lorsque vous jugez la valeur du javascript comme condition.
Par exemple :

Copier le code Le code est le suivant :

var sLeft = window.screenLeft || window.screenX; //firefox utilise screenX
console.log(sLeft);

Ce code espère que screenLeft renverra window.screenLeft et que Firefox renverra window.screenX.
Mais si screenLeft est exactement égal à 0, il entrera dans la condition après ||, puis ce sera gg.

Par conséquent, il est recommandé d'utiliser hasOwnProperty ou typeof pour juger la valeur avec plus de précision.

Copier le code Le code est le suivant :

var sLeft = window.screenLeft;
if( !window. hasOwnProperty('screenLeft')) sLeft = window.screenX