算出プロパティ
CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部。レッスン 44/56。
computed property は、保存されたデータを単に返すのではなく、値を計算して返す getter です。通常の property のように見えますが、その値をオンザフライで計算します。
例を見てみましょう。通常のプロパティを持つオブジェクトがあります。
const circle = {
radius: 5
};ここで getter を使用して computed property を追加します：
const circle = {
radius: 5,
get diameter() {
return this.radius * 2;
}
};これが computed property にアクセスする方法です：
console.log(circle.diameter); // 出力: 10radius を更新すると、diameter も自動的に更新されます。
circle.radius = 10;
console.log(circle.diameter); // 出力: 20computed プロパティは、プロパティの値が他のプロパティに依存している場合や、計算が必要な場合に便利です。
チャレンジ
width と height の property を持つ Rectangle class が与えられています。あなたの課題は、area と perimeter のための computed properties を追加することです。
- Computed property
<strong>area</strong>- returns width × height - Computed property
<strong>perimeter</strong>- returns 2 × (width + height)
自分で試してみよう
import { Rectangle } from './rectangle.js';
// テストコード - 変更しないでください
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`); // "Area: 50" を出力するはずです
console.log(`Perimeter: ${rect.perimeter}`); // "Perimeter: 30" を出力するはずです
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
オブジェクト指向プログラミングのすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ