JavaScript_javascript 기술에서 이 예제 분석

사람을 거울로 삼아 득실을 알 수 있다면 이 문장은 매우 합리적인 것 같습니다.

데모 1:
전역 함수인 경우 창 개체와 동일합니다. 함수에 정의된 다양한 속성이나 메서드는 이 함수를 호출해야 하는 경우 함수 외부에서 액세스할 수 있습니다. .

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

데모 2:

new를 사용하여 개체를 인스턴스화하는 경우 이는 창 개체와 동일하지 않으며 함수 a의 인스턴스를 가리킵니다.

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

데모 4: 함수를 직접 참조하든 함수를 인스턴스화하든 클로저가 반환됩니다. 함수의 모든 항목은 창을 가리킵니다



코드 복사

코드는 다음과 같습니다: var that = this; var func = function() { alert(this == window)

alert(that)

return func;
}
var b = a()
var c = new a()



데모 5:
in HTML에서 사용되며 일반적으로 요소 자체를 나타냅니다.




코드 복사


코드는 다음과 같습니다.

Click Me "text/javascript">
function test(obj) {
alert(obj)

데모 6: >IE 및 Firefox(Chrome)에서 이벤트를 등록합니다. 이는 각각 창과 요소 자체를 가리킵니다.

코드 복사


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

나를 클릭하세요

if (div.attachEvent) {
div.attachEvent( "onclick", function() {
alert(this == window);
var e = 이벤트;

alert(e.srcElement == this); } if (div.addEventListener) { div.addEventListener("click", function(e) { alert(this == 창); e = e; alert(e .target == this)

}

script>


위는 자바스크립트에서 이에 대한 다양한 적용 시나리오를 요약한 것입니다. 나중에 찾으면 추가하겠습니다.