러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

183

6

장

함수

6.8

call

과

apply

,

bind

this

를 사용하는 일반적인 방법은 이미 살펴봤습니다. 다른 객체지향 언어에서도

this

를 이런

식으로 사용합니다. 자바스크립트에서는 일반적인 방법 외에도, 함수를 어디서, 어떻게 호출

했느냐와 관계없이

this

가 무엇인지 지정할 수 있습니다. 먼저

call

메서드부터 시작합시다.

call

메서드는 모든 함수에서 사용할 수 있으며,

this

를 특정 값으로 지정할 수 있습니다.

const

bruce

= {

name

: "

Bruce

" };

const

madeline

= {

name

: "

Madeline

" };

// 이 함수는 어떤 객체에도 연결되지 않았지만

this

를 사용합니다.

function

greet

() {

return

`

Hello

,

I

'

m

${

this

.

name

}!`;

}

greet

(); // "

Hello

,

I

'

m

undefined

!" -

this

는 어디에도 묶이지 않았습니다.

greet

.

call

(

bruce

); // "

Hello

,

I

'

m

Bruce

!" -

this

는

bruce

입니다.

greet

.

call

(

madeline

); // "

Hello

,

I

'

m

Madeline

!" -

this

는

madeline

입니다.

함수를 호출하면서

call

을 사용하고

this

로 사용할 객체를 넘기면 해당 함수가 주어진 ...