📚apply(), call(), bind()

Function.prototype.~

javascript 자바스크립트 call(),apply(),bind() 를 사용하는 이유와 차이점을 알아보자공부하는 공작새

let func1 = () => {
    console.log(this);
}

func1();

console.log('end');

let obj = {
    test:()=>{
        return this;
    }
    , test1:function(){
        return this;
    }
}

obj.test() == obj; // false
obj.test1() == obj; // true

함수가 호출되는 방식에 따라 this가 달라집니다.

Function.prototype.apply()

function introduce(a, b) {
    console.log('안녕 내이름은 '
        + this.name
        + '고 나이는 '
        + this.age
        + '살 이야 잘부탁해');

    console.log(a);
    console.log(b);
}

var person = {
    name: '민주'
    , age: 20
}

introduce.apply(person, [123, 234])
// 안녕 내이름은 민주고 나이는 20살 이야 잘부탁해
// 123
// 234

• introduce() 에게 this가 person 임을 명시

• 인수는 배열

• 바로 함수 실

Funtion.prototype.call()

function introduce(a, b) {
    console.log('안녕 내이름은 ' 
        + this.name 
        + '고 나이는 ' 
        + this.age 
        + '살 이야 잘부탁해');
    console.log(a);
    console.log(b);
}
var person = {
    name: '민주'
    , age: 20
}
introduce.call(person, 123, 234) 
// 안녕 내이름은 민주고 나이는 20살 이야 잘부탁해 
// 123
// 234

• introduce() 에게 this가 person 임을 명시

• 인수는 일반적으

• 바로 함수실

Funtion.prototype.bind()

function introduce(a, b) {
    console.log('안녕 내이름은 '
        + this.name
        + '고 나이는 '
        + this.age
        + '살 이야 잘부탁해');

    console.log(a);
    console.log(b);
}

var person = {
    name: '민주'
    , age: 20
}

let func1 = introduce.bind(person, 123, 234);
func1();
// 안녕 내이름은 민주고 나이는 20살 이야 잘부탁해
// 123
// 234

• 새로운 함수로 세팅해서 리턴

• 바로 실행안됨.