最短IE判定 var ie=!-[1,]分析_javascriptスキル

前回の最短 IE の判断は、IE が垂直タブをサポートしていないという事実に基づいていました。

コードをコピー コードは次のとおりです:

var ie = !

必要なのは 7 バイトだけです!この記事「32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE」を参照してください。この記事では、外国人がどのようにして IE の決定を 32 バイトから 7 バイトに段階的に減らしたかについて説明しています。しかし、この記録は今年 1 月 8 日にロシア人によって破られ、現在はわずか 6 バイトです。これは、IE と標準ブラウザの toString メソッドの配列の処理の違いを利用して作られたものです。標準ブラウザの場合、配列の最後の文字がカンマの場合、JS エンジンはそれを自動的に削除します。

コードをコピーします コードは次のとおりです:

var ie = !-[1,];

このコードはIE9以前では世界最短のIE判定コードと呼ばれていました。コードは短いですが、JavaScript の基本的な知識がたくさん含まれています。この例では、コードが実行されると、最初に配列の toString() メソッドが呼び出され、[1,].toString() が実行されると、IE6、7、および 8 では「1,」が取得されます。この場合、式は !-"1," になります。次に、「1」を数値型に変換して NaN を取得し、次に負の NaN を変換して値を NaN のまま取得します。最後に!NaNを実行してtrueを返します。次のステートメントを分解して、コードに含まれる JavaScript の知識を確認してみましょう:

1. ブラウザの配列リテラル解析の違い

[1,] は、配列が JavaScript の配列リテラルを使用して定義されていることを示します。 IE6、7、8では、配列には2つの要素があり、配列内の値はそれぞれ1と未定義です。標準のブラウザでは、最初の要素の後の未定義は無視され、配列には要素 1 が 1 つだけ含まれます。

2. 配列 toString() メソッド

配列オブジェクトの toString() メソッドを呼び出すと、配列内の各要素に対して toString() メソッドが呼び出され、要素の値が NULL または未定義の場合は空の文字列が返されます。各項目の値をカンマ「,」で区切って作成します。

3. 単項マイナス演算子

単項マイナス演算子を使用する場合、オペランドが数値型の場合、オペランドは直接負になります。それ以外の場合、変換プロセスは Number 関数を実行するのと同じです。 、そしてその結果を変換します。 マイナスを取得します。

4. 論理否定演算

論理 NOT 演算を実行するときにオペランドが NaN、NULL、または未定義の場合に true を返します。

JavaScript は次のように記述できます:

コードをコピーします コードは次のとおりです:

var ie = !-[1,]; アラート(すなわち);

非 IE の観点から判断すると、互換性を確保する際、ほとんどの場合、IE と非 IE が動作するため、少し節約できます。 var notIE = -[1,];

コードをコピーします コードは次のとおりです:

if(-[1,]){

alert("これは IE ではありません!"); }その他{
alert("これは IE ブラウザです!"); }



上記の知識から、コード var ie = !-[1,]; は、IE678 の var ie = !(-Number([1,].toString())); と同等であると結論付けることができます。値は true です。

IE6/7/8 は [1,].ToString() のバグを無視しないため、つまり、得られる値は "1," であり、-Number([1,].toString()) は - Number ("1,") で得られた結果は NaN; then!(-Number([1,].toString())) は!(NaN) となり true が得られます。すべての前提は、IE6/7/8 にはバグ [1,].ToString()=>"1," があり、他のブラウザ (おそらくほとんど ~~) には [1,].ToString ()=> があるということです。 ;「1」。

最近、この方法を使用してユーザーにブラウザのアップグレードを促す友人を見つけました