Javascript ES6 - 함수(function) 정리 3

지난번 Javascript ES6 함수 정리 1, 2에 이어서 계속 ES6의 함수에 대해서 알아 보겠습니다.

https://lucidmaj7.tistory.com/127

Javascript ES6 - 함수(function) 정리 1

https://lucidmaj7.tistory.com/128

Javascript ES6 - 함수(function) 정리 2

9. 메서드

자바스크립트 객체의 프로퍼티인 함수를 메서드(Method)라고 부릅니다.

const o = {
    name: 'wallace',
    bark: function() { return 'woof!'} 
}

console.log(o.bark());

위 예제는 객체의 프로퍼티 함수를 추가한 코드입니다. ES6에서는 간편하게 객체에 메서드를 추가 할 수 있는 문법이 도입되었습니다. 위 예제를 es6문법으로 변경하면 다음과 같습니다.

const new_o = {
    name: 'wallace',
    bark() { return 'woof!'} 
}

console.log(new_o.bark());

 

10. this 키워드

this는 객체지향언어인 java, c++등에서 객체 자기자신을 가리키는 키워드로 사용되었습니다. 자바스크립트에서도 this키워드가 존재하는데 객체의 프로퍼티로 정의된 함수, 즉 메서드 안에서 this키워드는 메서드를 소유한 객체를 가리킵니다.

const new_o = {
    name: 'wallace',
    bark() { return `${this.name} woof!`} 
}

console.log(new_o.bark()); //wallace woof!

 

11. 익명 함수

자바스크립트는 식별자가 없는 익명함수를 지원합니다. 익명함수의 선언은 다음과 같습니다.

const f = function() {
    console.log("익명 함수");
};

f(); //호출

익명함수를 식별자에 할당하거나 객체의 프로퍼티에 할당 할 수 있고 또 함수의 인자로 전달 할 수 있습니다.