[JavaScript] 자바스크립트 call 메서드

[JavaScript] 자바스크립트 call 메소드

 

1. call 메서드

- 모든 함수에서 사용 가능

- this를 특정 값으로 지정할 수 있다.  (불러다 쓰는 느낌)

- 함수안에 this로 지정할 변수가 없어도 밖에 있는 변수를 불러다가 this로 지정할 수 있다.

- call 함수 형식

함수.call(this로 불러 쓸 객체명)

 

- 자바스크립트 call 함수 예제1

const TY = { name : "태연" }; 
const TR = { name: "태리" }; 

function infor(){ 
return `Hello, I'm ${this.name}!`; 
} 

infor(); // 결과 : Hello, I'm Undefined!  
infor.call(TY); // 결과 : Hello, I'm 태연!  
infor.call(TR);  // 결과 : Hello. I'm 태리! 

2. call 매서드 매개변수가 여러개일 경우

- call의 첫 번째 매개변수는 this로 사용할 값이고, 매개변수가 더 있으면 그 매개변수는 호출하는 함수로 전달

- call 함수 형식 ( 매개변수 여러개일 경우 )

함수.call(this로 불러 쓸 객체명, 전달할 매개변수)

 

- 자바스크립트 call 함수 예제2

const TY = { name : "태연" };

function uptInfor(Years, occupation){
	this.Years = Years;
	this.occupation = occupation;
}

uptInfor.call(TY, 1989, 'singer');
	
TY 	// TY객체는 이제 {name: "태연" , Years: "1989", occupation:"singer"} 입니다.