JS의 호출 객체에 대한 간략한 논의

零到壹度
풀어 주다: 2018-04-21 15:17:20
원래의
1906명이 탐색했습니다.

이 기사의 내용은 JS의 this 호출 개체에 대한 간략한 설명입니다. 이제 모든 사람과 공유할 수 있습니다.

정보를 확인하고 알아보세요. JS의 this는 호출 객체를 나타냅니다.

이 문장만으로는 이해하기 어려우니 돔을 써보시면 어떨까요?

코드는 다음과 같습니다.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>this测试</title>
<script type="text/javascript" src="jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var a="全局";
$(function(){
	console.log(this);
	$("#start").click(function(){
	console.log(this);
	});
}); 
function  test(){
console.log(this);
console.log(this.a);
}
</script>
</head>
<body>
    <p id="start" >开始</p>
	<p id="test" onclick="test()">点击测试</p>
</body>
</html>
로그인 후 복사

위에서 아래로 4개의 출력 문제를 볼 수 있습니다

실행하여 결과를 확인합니다.


123의 출력 결과가 모두 다른 것을 확인할 수 있습니다.

첫 번째는 HTMLDOM입니다

두 번째는 p

세 번째는 윈도우

위 코드는 다음과 같이 분석할 수 있습니다.


(PS: 이것은 상위 객체를 의미합니다. 오타인 공식 소개)


관련 추천:

JS에서 이 객체에 대한 자세한 설명

이것은 현재 객체 자체를 나타냅니다

왜? this, super, direct를 Java의 정적 메서드에 사용할 수는 없나요? 비정적 메서드 호출

this와 super는 참조인가요 아니면 객체인가요?

위 내용은 JS의 호출 객체에 대한 간략한 논의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿