집 > 기사 > 웹 프론트엔드 > JS의 호출 객체에 대한 간략한 논의

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

零到壹度원래의: 2018-04-21 15:17:201896검색

이 기사의 내용은 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의 호출 객체에 대한 간략한 논의

관련 기사