{category}

JavaScript - カプセル化

セッター

オブジェクト指向

意味 プロパティの値を設定


セッターとは?

セッターは、オブジェクトの特定のプロパティの値を外部から設定するためのメソッドです。

セッターの具体的な使い方

セッターを使用したプロパティ設定例

class Temperature {
    constructor(celsius) {
        this._celsius = celsius;
    }

    get fahrenheit() {
        return (this._celsius * 9/5) + 32;
    }

    set fahrenheit(value) {
        this._celsius = (value - 32) * 5/9;
    }
}

const temp = new Temperature(25);
console.log(`摂氏: ${temp._celsius}°C, 華氏: ${temp.fahrenheit}°F`);

temp.fahrenheit = 100;
console.log(`摂氏: ${temp._celsius}°C, 華氏: ${temp.fahrenheit}°F`);

👇出力結果

摂氏: 25°C, 華氏: 77°F
摂氏: 37.77777777777778°C, 華氏: 100°F

'Temperature'クラスに定義されたセッター'fahrenheit'を通じて華氏温度を設定し、内部で摂氏温度に変換する例です。セッターを使用することで、プロパティに値を設定する際に自動的に変換や検証を行うことができます。

セッターに関するよくある質問

Q. セッターの目的は何ですか?
A. セッターの主な目的は、オブジェクトの内部データを安全に設定することです。これにより、プロパティへの代入を制御し、不正な値の設定を防ぐことができます。
Q. セッターの利点は?
A. セッターを使用すると、プロパティに値を設定する際に追加の処理(例:値の検証や変換)を行うことができます。また、内部実装を隠蔽しつつ、プロパティのように簡単に値を設定できるインターフェースを提供できます。
Q. セッターの定義方法は?
A. JavaScriptでは、'set'キーワードを使ってセッターを定義します。例:'set propertyName(value) { this._propertyName = value; }' のように記述します。

セッターが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのセッターや継承、オブジェクト、ミックスイン、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

継承

既存のクラスの特性を引き継ぐ

種類: 継承とポリモーフィズム

オブジェクト

データと機能をまとめたもの

種類: 基本的なオブジェクトの概念

ミックスイン

特性の組み合わせ

種類: その他のオブジェクト指向機能

replaceChild()

要素の置き換え

種類: DOMの作成・変更・削除

WebGL

3Dグラフィックス描画API

種類: グラフィックスとアニメーション