이 기사의 내용은 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: 이것은 상위 객체를 의미합니다. 오타인 공식 소개)
관련 추천:
왜? this, super, direct를 Java의 정적 메서드에 사용할 수는 없나요? 비정적 메서드 호출
위 내용은 JS의 호출 객체에 대한 간략한 논의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
