객체에 메서드 추가하기

Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨 — 56개 중 2번째.

JavaScript의 객체는 데이터 프로퍼티뿐만 아니라 객체에 속한 함수인 메서드도 포함할 수 있습니다.

속성을 가진 간단한 객체를 생성합니다:

const person = {
  name: "John"
};

객체에 메서드를 추가합니다:

const person = {
  name: "John",
  greet: function() {
    return "Hello!";
  }
};

메서드를 호출합니다:

person.greet(); // "Hello!"를 반환합니다

ES6에서 도입된 단축 구문을 사용할 수도 있습니다:

const person = {
  name: "John",
  greet() {
    return "Hello!";
  }
};

챌린지

두 개의 숫자를 받아 그 합을 반환하는 add 메서드를 calculator 객체에 추가하세요.

사용 예시:

calculator.add(5, 3); <i>// 8을 반환합니다</i>

치트 시트

JavaScript의 객체는 메서드(객체에 속한 함수)를 포함할 수 있습니다.

객체에 메서드 추가하기:

const person = {
  name: "John",
  greet: function() {
    return "Hello!";
  }
};

메서드 호출하기:

person.greet(); // "Hello!"를 반환합니다

메서드에 대한 ES6 단축 구문:

const person = {
  name: "John",
  greet() {
    return "Hello!";
  }
};

직접 해보기

let a = parseInt(inp[0]); // 이 줄을 변경하지 마세요
let b = parseInt(inp[1]); // 이 줄을 변경하지 마세요

// calculator 객체는 이미 존재합니다 
const calculator = {
  // TODO: 여기에 두 숫자를 받아 그 합을 반환하는 'add' 메서드를 추가하세요

};

console.log(calculator.add(a, b));