JS(this배우기)

const dog = {
	name : "kong",
    age : 2,
    color : "black",
    bark() {
    	console.log(`${this.name} says walwal!!!!!!`)
    }
}

const bark2 = dog.bark;

 

1. bark2 를 입력하면 dog.bark 함수에 대해 나오고

2.bark2()를 입력하면 dog.bark 함수가 실행된다.

3. dog.bark 입력하면 마찬가지로 dog함수의 bark에 대해 나오고

4. dog.bark() 실행하면 this로 앞에 쓰인 dog["name"]을 가져와서 "kong"이 입력된다!

 

 

 

this를 사용한 예제를 하나 더 해보면

 

1. hen 객체 생성

2. name 은 King, eggcount 는 0

3. layAnEgg 메소드를 만들어서 실행할때마다 Egg를 리턴하고, eggcount를 1씩 증가시키기

 

let hen = {
    name: "King",
    eggCount: 0,
    layAnEgg() {
        this.eggCount++;
        return "EGG"
    }
}

하면 다음과 같다.

eggCount를 hen에서 가져오기 때문에 this를 넣어줘서 연결하면 된다!