Le jugement IE le plus court var ie=!-[1,] compétences d'analyse_javascript

Le jugement le plus court précédent d'IE était basé sur le fait qu'IE ne prend pas en charge les onglets verticaux.

Copier le code Le code est le suivant :

var c'est à dire = ! "v1";

Seulement 7 octets requis ! Voir cet article, "32 octets, ehr... 9, ehr... 7 !!! pour savoir si votre navigateur est IE", qui raconte comment les étrangers ont réduit la détermination d'IE de 32 octets à 7 étape par étape. d'octets ! Mais ce record a été battu par un Russe le 8 janvier de cette année, et maintenant il ne fait que 6 octets. Il a été réalisé en profitant de la différence entre la méthode toString d'IE et les navigateurs standards dans le traitement des tableaux ! Pour les navigateurs standards, si le dernier caractère du tableau est une virgule, le moteur JS le supprimera automatiquement.

Copier le code Le code est le suivant :

var c'est à dire = !-[1,];

Ce code était appelé le code de jugement IE le plus court au monde avant IE9. Bien que le code soit court, il contient de nombreuses connaissances de base en JavaScript. Dans cet exemple, lorsque le code est exécuté, la méthode toString() du tableau sera appelée en premier. Lorsque [1,].toString() est exécuté, "1" sera obtenu dans IE6, 7 et 8. L'expression devient alors !-"1,". Essayez ensuite de convertir "1" en un type numérique pour obtenir NaN, puis en NaN négatif pour obtenir la valeur toujours NaN. Enfin, exécutez !NaN et retournez true. Passons en revue les connaissances JavaScript impliquées dans le code en décomposant cette instruction :

1. Différences dans l'analyse littérale des tableaux de navigateurs

[1,] indique qu'un tableau est défini à l'aide du littéral de tableau JavaScript. Dans IE6, 7 et 8, le tableau comporte deux éléments et les valeurs du tableau sont respectivement 1 et indéfinies. Dans les navigateurs standards, undefined après le premier élément est ignoré et le tableau ne contient qu'un seul élément, 1.

2. Méthode Array toString()

Lors de l'appel de la méthode toString() d'un objet tableau, la méthode toString() sera appelée pour chaque élément du tableau. Si la valeur de l'élément est NULL ou non définie, une chaîne vide sera renvoyée, puis. la valeur de chaque élément sera obtenue. Créez une chaîne séparée par des virgules ",".

3. Opérateur moins unaire

Lors de l'utilisation de l'opérateur moins unaire, si l'opérande est de type numérique, l'opérande sera directement négatif, sinon, il tentera d'abord de convertir l'opérande en un type numérique. Le processus de conversion équivaut à l'exécution de la fonction Nombre. , puis convertir le résultat. Prenez le négatif.

4. Opération NON logique

Renvoie vrai si l'opérande est NaN, NULL ou non défini lors de l'exécution d'une opération NON logique.

JavaScript peut être écrit comme ceci :

Copier le code Le code est le suivant :

var c'est à dire = !-[1,];
alerte(c'est-à-dire)

Si vous jugez d'un point de vue non-IE, vous pouvez économiser un peu, car lorsque nous effectuons la compatibilité, dans la plupart des cas, IE et non-IE fonctionnent. var notIE = -[1,];

Copier le code Le code est le suivant :

si(-[1,]){
alert("Ce n'est pas IE !");
}autre{
alert("Ceci est le navigateur IE !");
>

Grâce aux connaissances ci-dessus, nous pouvons conclure que le code var ie = !-[1,]; est en fait équivalent à var ie = !(-Number([1,].toString())); la valeur est vraie.

Parce qu'IE6/7/8 n'ignorera pas le bogue [1,].ToString(), c'est-à-dire que ce que vous obtenez est "1" et -Number([1,].toString()) est - Number Le résultat obtenu par ("1,") est NaN; alors!(-Number([1,].toString())) est!(NaN) et true est obtenu. La prémisse de tout est que IE6/7/8 a le bug [1,].ToString()=>"1,", tandis que d'autres navigateurs (probablement la plupart ~~) ont [1,].ToString ()=> ;"1".

Récemment, j'ai trouvé un ami utilisant cette méthode pour inviter les utilisateurs à mettre à jour leur navigateur

<script>
!-[1,] && alert('您使用的是 IE6-8 版本的浏览器，
\n建议用 Chrome, Firefox, IE9+ 浏览！');
</script>