プロパティとメソッド
CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部。レッスン 13/56。
JavaScript の class を使うと、class のすべてのインスタンスで共有される properties と method を定義できます。
properties を持つ class を Create します：
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
}インスタンスを作成すると、constructor はこれらの properties を設定します：
const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make); // 出力: 'Toyota'
console.log(myCar.model); // 出力: 'Corolla'Add method を class に追加します：
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
getDescription() {
return `This car is a ${this.make} ${this.model}.`;
}
}これで、この method を任意のインスタンスで呼び出せます：
const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // 出力: 'This car is a Toyota Corolla.'
チャレンジ
book.jsファイルに、次の内容を持つBookという名前のclassをCreateしてください：
title、author、pagesparametersをtakesし、それらをpropertiesとして設定するconstructor。getInfoという名前のmethod。次のformatのstringをreturnsします：“Title: [title], Author: [author], Pages: [pages]”- `class` declarationの前に`export`を追加してclassをexportする
自分で試してみよう
import { Book } from './book.js';
// テスト（この部分は変更しないでください）
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
オブジェクト指向プログラミングのすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ