자바스크립트 call, apply, bind

call, apply, bind : this를 지정, 함수호출 방식과 관계없다.

 

const kwak = {
   name : "kwak",
};

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

showName();
showName.call(kwak);

 

객체 수정

- apply는 배열을 사용하는 것이 call과 다르다.

function updateObj(age, gender) {
   this.age = age;
   this.gender = gender;
}

updateObj.call(kwak, 30, "M");
// updateObj.apply(kwak, [30, "M"]);
console.log(kwak);

 

bind : 함수의 this값을 영구히 바꿀 수 있다.

const bindObj = {name : "kwak"};
const updateBindObj = updateObj.bind(bindObj);
updateBindObj(30, M);
console.log(bindObj);

 

활용

const ex = {
   name : "ex",
   show : function() {
      console.log(`welcome, ${this.name}`);
   },
};

ex.show();

let exFn1 = ex.show;

exFn1.call(ex);
exFn1.apply(ex);

let exFn2 = exFn1.bind(ex);
exFn2();