>  기사  >  웹 프론트엔드  >  JavaScript_javascript 기술의 두 가지 유형의 전역 개체/함수에 대한 간략한 분석

JavaScript_javascript 기술의 두 가지 유형의 전역 개체/함수에 대한 간략한 분석

WBOY
WBOY원래의
2016-05-16 17:10:46955검색

여기서 언급된 JavaScript는 호스트 환경을 포함한 브라우저 환경을 의미합니다. 첫 번째는 ECMAScript Global Object이고, 두 번째는 호스트 환경(Host) 하의 전역 객체/함수입니다.

1. 핵심 JavaScript 내장 객체, 즉 호스트 환경에 의존하지 않는 ECMAScript 구현에서 제공되는 객체

이러한 개체는 프로그램이 실행되기 전에 이미 존재(인스턴스화)했습니다. ECMAScript는 Global Object라고 불리며 다음과 같은 유형으로 나누어집니다

1, 전역 개체의 값 속성. NaN, Infinity, 정의되지 않음이 있습니다.

2, 전역 객체의 기능 속성. eval,parseInt,parseFloat,isNaN,isFinite,decodeURI,encodeURI,encodeURIComponent

3, 전역 객체의 생성자 속성(전역 객체의 생성자 속성)이 있습니다. Object, Function, Array, String, Boolean, Number, Date, RegExp, Error, EvalError, RangeError, ReferenceError, SyntaxError, TypeError, URIError가 있습니다.

4. 전역 개체의 기타 속성은 Java에서 정적 클래스로 볼 수 있으며, 클래스 이름, 점, 메서드 이름과 함께 직접 사용할 수 있습니다. 수학, JSON이 있습니다.

ECMAScript 사양에서는 이러한 전역 개체(The Global Object)가 Writable 속성을 갖는다고 언급합니다. 즉, Writable은 true이고 열거 가능(Enumerable)은 false입니다. 즉, 열거형을 사용할 수 없습니다. ECMAScript에는 다음 섹션이 있습니다

달리 지정하지 않는 한 전역 개체의 표준 내장 속성에는 {[[Writable]]: true, [[Enumerable]]: false, [[Configurable]]: true} 속성이 있습니다.


사양에는 전역 객체를 다시 작성할 수 있다고 언급되어 있지만 누구도 이를 다시 작성하지 않습니다. 이것은 단지 테스트일 뿐입니다.

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

NaN = 11>eval = 22;
객체 = 33;
수학 = 44;

경고(NaN)
경고(수학); ;



각각 value 속성의 전역 객체, 생성자(클래스) 속성의 전역 객체, 기타 속성의 전역 객체를 가져옵니다. NaN, 평가, 객체, 수학. 결과는 다음과 같습니다

결과에 따르면 IE9(pre3)/Safari에서 다시 작성할 수 없는 NaN을 제외하고 다른 모든 항목이 다시 작성되었습니다. 여기에 네 가지가 있습니다. 관심이 있으시면 위의 전역 개체를 하나씩 테스트해 보세요. 여기서 요점은 핵심 JavaScript 내장 개체가 일반적으로 재정의될 수 있다는 것입니다. 그러나 아무도 그렇게 하지 않습니다.

아래에서 열거 가능성 테스트


코드 복사 코드는 다음과 같습니다.for(var a in NaN){
경고(a)
}
for(var a in eval){
경고(a); >for(객체의 var a){
경고(a);
}
for(수학의 var a){
경고
}


모든 브라우저에 팝업이 없습니다. 즉, 속성이 열거되지 않습니다. 관심이 있다면 위의 모든 전역 개체의 열거 속성을 하나씩 테스트할 수 있습니다. 물론 Firefox와 같은 일부 브라우저의 경우 일부 전역 개체를 다시 작성한 후 열거할 수 있습니다.


2. 호스트 환경에서 제공하는 전역 객체/함수

창, 경고, setTimeout, 문서, 위치 등과 같은 대부분의 브라우저는 재작성을 제한합니다.

코드 복사

코드는 다음과 같습니다. window = 55; alert(window);
이 문장은 IE에서 오류를 발생시켜 불법 복사를 유발합니다. 팝업창이 실행되지 않습니다. window=55가 존재하지 않는 경우에도 다른 브라우저는 계속해서 창을 표시합니다.

경고 다시 작성

코드 복사

코드는 다음과 같습니다. alert = 55; console.log(alert);
IE에서 오류가 발생하고 Firefox/Chrome/Safari/Opera가 다시 작성되었으며 해당 콘솔에서 55의 출력을 볼 수 있습니다. 일부 브라우저는 호스트 환경에서 제공하는 전역 개체/함수의 재작성을 지원하지 않는 반면 다른 브라우저는 지원하는 것을 볼 수 있습니다.

전역변수를 선언하는 방법은 2가지입니다

코드를 복사하세요

코드는 다음과 같습니다

a1 = 11;
var a2 = 22;

for(a in window){
if(a=='a1'||a=='a2' ){
                  경고(a)                                                                              ~


코드 복사


코드는 다음과 같습니다.
}
}


즉, a1, a2는 위에서 언급한 첫 번째, 두 번째 호스트 환경에서 제공하는 window 객체에 대한 속성이 아닌 JS 엔진에서 제공하는 Global 객체에 대한 속성입니다. 따라서 IE의 window에서는 a1과 a2가 존재하지 않습니다. IE가 Global 개체에 대한 참조를 제공하는 경우 다음 코드가 정보 상자를 표시할 수 있습니다.




코드 복사


코드는 다음과 같습니다.

코드 복사


코드는 다음과 같습니다.

//Firefox/Safari/Chrome/ Opera
with(host_object){//window
a1 = 11> var a2; = 22;
with(global_object){//Global } } 즉, a1과 a2는 위에서 언급한 두 번째 속성인 전역 개체 창에서 제공됩니다. 호스트 환경. 따라서 in window의 경우 a1과 a2가 모두 존재하며 정보 상자가 나타납니다.
전역 변수 window.a3 = 33을 선언하는 타사 방법을 살펴보세요. 이는 a3이 창의 속성으로 창에 걸려 있으므로 모든 브라우저에서 for in window일 때 a3을 얻을 수 있음을 보여줍니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.