this와 bind

this와 bind

1. this

• this는 실행 컨텍스트에 따라 동적으로 바뀌며, 함수가 어떻게 호출되는 지에 따라 값이 달라집니다.
• 주로 메서드 or 콜백 함수 등에서 사용되며, 함수가 어떻게 호출되느냐에 따라 this가 가리키는 대상이 달라집니다.
• 다음 코드를 보면 user.info( )를 호출할 때, this는 user를 가리킵니다.

const user = {
    name: "Kim",
    info: function () {
        console.log(this.name);
    }
};

user.info(); // Kim

 

2. bind

• bind 메서드는 함수의 this 값을 설정하여, 새로운 함수를 생성합니다.

const user = {name: "Kim"};

function info() {
    console.log(this.name);
}

const findUser = info.bind(user);
findUser(); // Kim