이 기사는 JS에서 이것의 사용법을 분석합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
예 1 : 이것을 호출하는 첫 번째 방법 - 함수 형식으로 호출됩니다. 글로벌 객체 창을 나타냅니다
다음과 같이 코드를 복사하십시오. <script type = "text/javaScript">
함수 t () {
ALERT (this); // 여기에서 이것은 창 객체를 나타냅니다.
}
티();
</스크립트>
예 2 :이를 호출하는 두 번째 방법 - 객체 속성 형태로 호출됩니다. 그것은 객체를 나타냅니다. onclick은 인스턴스에서 p 요소 객체의 속성입니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 t () {
경고 (this);
this.style.background = 'Green';
}
Window.onload = function () {
document.getElementById ( 'eng'). onclick = t;
}
</스크립트>
</head>
<body>
<p id = "eng"> abcd </p>
</body>
</html>
예 3 :이를 호출하는 세 번째 방법 - 생성자 형태로 호출됩니다.
다음과 같이 코드를 복사하십시오. <script type = "text/javaScript">
기능 개 () {
this.legs = 4;
this.bark = function () {
경고 ( "Wangwang ...");
}
}
var wangcai = new dog (); // 객체를 만드는 방법. 새 함수 이름 ();
Wangcai.bark ();
</스크립트>
설명 :
(1) 개 () 함수가 객체를 만드는 방식으로 호출하는 대신 직접 호출되는 경우 첫 번째 유형의 통화와 동일합니다. 즉, 이는 전역 객체 창을 나타냅니다.
(2) JS에는 클래스의 개념이 없지만 물체의 개념이있다.
(3) 객체의 생성은 var = objname {이름 : 'ABC', Age : 40}을 사용하여 생성 될 수 있거나 생성자를 통해 생성 될 수 있습니다.
(4) 생성자 란 무엇인가 : "새 함수 이름 ()"의 형태로 일반 함수가 호출되면이 함수는 생성자 역할을합니다.
예 4 :이를 호출하는 네 번째 방법 - 전화 및 적용
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
Window.onload = function () {
var d = document.getElementById ( 'hi');
if (hi.addeventListener) {// Chrome and Firefox
hi.addeventListener ( 'click', function () {alert (alert (this.id)}, false); // w3c 모델에서 이것은 dom 객체를 가리 킵니다. is.id 결과는 안녕하세요
} else {// 즉
hi.attachevent ( 'onclick', function () {alert (this.id)}); // 아래의 IE8 및 IE8, 여기에서는 전역 객체 창을 가리 킵니다. 결과는 정의되지 않았습니다
}
}
</스크립트>
</head>
<body>
<p id = "hi"> hello world </p>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.