가장 짧은 IE 판단 var ie=!-[1,] analyze_javascript 기술

이전 최단 IE 판단은 IE가 세로 탭을 지원하지 않는다는 점을 바탕으로 했습니다.

코드 복사 코드는 다음과 같습니다.

var 즉 = ! "v1";

단 7바이트만 필요합니다! 외국인들이 어떻게 IE 결정을 32바이트에서 7바이트로 단계적으로 줄였는지를 알려주는 "32바이트, 에르 ... 9, 에르 ... 7!!! 당신의 브라우저가 IE인지 알아보기" 기사를 참고하세요. 하지만 이 기록은 올해 1월 8일 러시아인에 의해 깨졌는데, 지금은 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에서는 배열에 두 개의 요소가 있으며 배열의 값은 각각 1과 정의되지 않습니다. 표준 브라우저에서는 첫 번째 요소가 무시되고 배열에 하나의 요소인 1만 포함된 후에는 정의되지 않습니다.

2. 배열 toString() 메서드

배열 객체의 toString() 메서드를 호출하면 배열의 각 요소에 대해 toString() 메서드가 호출됩니다. 요소의 값이 NULL이거나 정의되지 않은 경우 빈 문자열이 반환된 다음 각 항목의 값을 가져옵니다. 쉼표 ","로 구분된 문자열을 만듭니다.

3. 단항 빼기 연산자

단항 빼기 연산자를 사용할 때 피연산자가 숫자 유형이면 피연산자가 직접 음수화됩니다. 그렇지 않으면 먼저 피연산자를 숫자 유형으로 변환하려고 시도합니다. 변환 프로세스는 숫자 함수를 실행하는 것과 같습니다. , 그런 다음 결과를 변환하여 음수를 취합니다.

4. 논리 NOT 연산

논리적 NOT 연산을 수행할 때 피연산자가 NaN, NULL 또는 정의되지 않은 경우 true를 반환합니다.

JavaScript는 다음과 같이 작성할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var 즉 = !-[1,]
경고(즉)

IE가 아닌 관점에서 판단하면 약간의 비용을 절약할 수 있습니다. 호환성을 고려하면 대부분의 경우 IE와 IE가 아닌 작업이 모두 작동하기 때문입니다. var notIE = -[1,];

코드 복사 코드는 다음과 같습니다.

if(-[1,]){
Alert("IE가 아닙니다!"); }그밖에{
Alert("IE 브라우저입니다!"); }

위의 지식을 통해 우리는 IE678의 var ie = !-[1,]; 코드가 실제로 var ie = !(-Number([1,].toString())); 값은 true 입니다.

IE6/7/8은 [1,].ToString() 버그를 무시하지 않기 때문에, 즉, "1,"을 얻게 되고 -Number([1,].toString())은 - Number ("1,")로 얻은 결과는 NaN이고!(-Number([1,].toString()))은!(NaN)이고 true가 얻어집니다. 모든 것의 전제는 IE6/7/8에 버그 [1,].ToString()=>"1,"이 있는 반면 다른 브라우저(아마도 대부분~~)에는 [1,].ToString ()=> ;"1".

최근에 이 방법을 사용하여 사용자에게 브라우저를 업그레이드하라는 메시지를 표시하는 친구를 발견했습니다