Menu
Coddy logo textTech

オブジェクトへのメソッドの追加

CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部 — レッスン 2/56。

JavaScriptのオブジェクトには、データプロパティだけでなく、メソッド(オブジェクトに属する関数)を含めることもできます。

プロパティを持つシンプルなオブジェクトを作成します:

const person = {
  name: "John"
};

オブジェクトにメソッドを追加します:

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

メソッドを呼び出します:

person.greet(); // "Hello!" を返します

ES6で導入された短縮構文を使用することもできます:

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

チャレンジ

2つの数値を受け取り、その和を返す 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: ここに2つの数値を受け取り、その和を返す 'add' メソッドを追加してください

};

console.log(calculator.add(a, b));
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

オブジェクト指向プログラミングのすべてのレッスン