call (this의 인자값 넘겨주기)

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/call

Function.prototype.call() - JavaScript | MDN

call 함수는 특정 매서드를 호출할때 this값이나 기타 파라미터를 같이 전달해준다.

 

const person = {
   firstName: 'Ed',
   lastName: 'Developer',
   getName() {
      console.log(this.firstName + ' ' + this.lastName);
   }
}

function registerUser() {
   console.log(this);
}

registerUser();

위와 같이 호출하게 되면 registerUser() 안에 있는 this는 window를 가르키게된다.

 

하지만 call을 사용하게되면 this를 지정해줄수있다.

const person = {
   firstName: 'Ed',
   lastName: 'Developer',
   getName() {
      console.log(this.firstName + ' ' + this.lastName);
   }
}

function registerUser() {
   console.log(this);
}

registerUser.call(person);

 

또한 call의 인자값으로 여러개를 같이 전달해서 this뿐만 아니라 파라미터도 넘겨 줄수있다.

const person = {
   firstName: 'Ed',
   lastName: 'Developer',
   getName() {
      console.log(this.firstName + ' ' + this.lastName);
   }
}

function registerUser(country, lang) {
   this.getName();
   console.log(`MY country is ${country} and my language is ${lang}`);
}

registerUser.call(person, 'hungary', 'en');