DevYoon

[JavaScript] this 본문

언어/Javascript

[JavaScript] this

gimewn 2022. 4. 28. 14:27

this

1️⃣ this의 정의

  • 자기 참조 변수

2️⃣ this의 목적

  • 객체 에서 가 프로퍼티나 메서드 참조

3️⃣ 호출

1️⃣ 일반 함수로 호출

function callthis(){
    return this
}

➡️ this는 전역객체(window)

2️⃣ 메서드로 호출

const obj = {
    callobj: function(){
        console.log(this)
    }
}

➡️ this는 해당 메서드를 보유한 객체, 객체.메서드()

3️⃣ 생성자 함수로 호출

function Teacher(name){
    this.name = name // 미래에 생성될 인스턴스의 name 프로퍼티에 바인딩
}
const test = new Teacher('이름')

➡️ this는 미래에 생성될 인스턴스