オブジェクトへのメソッドの追加
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!";
}
};チャレンジ
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));このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。