Jam's story

[JS] this 의 4가지 경우 본문

WEB/JavaScript

[JS] this 의 4가지 경우

애플쩀 2022. 6. 8. 11:57 
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>2022.06.08 11:47:02</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h3>ex05.html</h3>
<script>
    //클릭이벤트가 발생할때 호출되는 익명함수 ==이벤트 핸들러
    document.querySelector("h3").onclick=function(){
        alert(this); //[object HTMLHeadingElement]
        //이때 this는 클릭 이벤트를 발생한 (수신한)객체 
    }
</script>
<script>
    function test(){
        //함수 안에 있는 this  //[object Window]
        alert(this); 
        return this;
    }
    test();
</script>
<script>
    var x=this;
    alert(x); //[object Window]
</script>
<script>
    var person={
    name:"hong",
    age:20,
    //객체안에있는 메소드 
    //객체 안에서의 this는 person 객체 자신을 나타낸다 .
    disp:function(){
        return this.name+"/"+this.age;
    }

};
person.name==person["name"];
</script>
</body>
</html>
저작자표시 (새창열림)

'WEB > JavaScript' 카테고리의 다른 글

[JS] 클래스  (0) 2022.06.08
[JS] 람다식  (0) 2022.06.08
[JS] 호이스팅  (0) 2022.06.08
[JS] 로또번호  (0) 2022.06.08
[JS] 메뉴클릭하면 글이 나오도록  (0) 2022.06.06
'WEB/JavaScript' Related Articles more
Comments