Menu
CoddyTech

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

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); // returns 8

自分で試してみよう

let a = parseInt(inp[0]); // この行は変更しないでください
let b = parseInt(inp[1]); // この行は変更しないでください

// calculatorオブジェクトはすでに存在します 
const calculator = {
  // TODO: 2つの数値を受け取り、その合計を返す'add'メソッドをここに追加してください

};

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

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

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

自分で練習してみよう: JavaScriptオンラインコンパイラ