JavaScript_javascript 기술에서 이 사용법을 이해하는 데 5분
- WBOY원래의
- 2016-05-16 17:16:351021검색
머리말
인터넷에는 JavaScript의 사용법에 대한 더 자세한 소개가 많이 있습니다. 이 기사에서는 참고 학습 자료와 인터넷을 참조할 수 있습니다. 이 글은 자바스크립트에서 this의 사용법을 간단하게 설명하기 위해 컬렉션과 인터넷의 컬렉션을 결합하여 모든 사람이 자바스크립트에서 this의 사용법을 빠르게 이해하는 데 도움이 되기를 바랍니다.
텍스트
1. 사용 예
코드 복사 코드는 다음과 같습니다.
window.color = “빨간색”;
var o = { color: “blue” }
function sayColor(){
경고(this.color)
sayColor() ; //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"
이것이 가리키는 위치:
이것이 실행되는 환경(컨텍스트 객체) 또는 간단히 이해: 이것이 위치한 함수가 호출될 때의 현재 범위.
예제 코드는 즉시 이해됩니다.
코드 복사 코드는 다음과 같습니다.
var fun = function() {
console.log(this);
}
fun();// console: window, fun의 실행 컨텍스트는 window입니다. 이것이 위치한 함수(fun())를 호출합니다. 현재 범위는 window입니다.
new fun();//console: fun, fun의 실행 컨텍스트는 fun 객체 내에 있습니다. 즉, 이것이 위치한 함수(fun())가 호출될 때 현재 범위는 재미있는 개체.
3. 이 사용법의 특별한 경우console.log(this);
}
fun();// console: window, fun의 실행 컨텍스트는 window입니다. 이것이 위치한 함수(fun())를 호출합니다. 현재 범위는 window입니다.
new fun();//console: fun, fun의 실행 컨텍스트는 fun 객체 내에 있습니다. 즉, 이것이 위치한 함수(fun())가 호출될 때 현재 범위는 재미있는 개체.
(1) 사례:
코드 복사 코드는 다음과 같습니다.
클릭 버튼을 누른 후에도 버튼의 값이 변경되지 않은 것을 확인할 수 있습니다.
코드 복사 코드는 다음과 같습니다.
정상적으로 실행할 수 있습니다.
코드 복사 코드는 다음과 같습니다.