JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptクラスでconstructor()以外の独自メソッドを定義する方法

constructor() メソッドは特別な役割を持つメソッドです。クラスのプロパティを初期化するための場所であり、クラスがインスタンス化されたタイミングで自動的に呼び出されます。

実際には、constructor() を明示的に定義しなかった場合でも、JavaScript が自動的に「空で目に見えない constructor()」を内部に追加してくれます。そのため、クラスは必ず何らかのコンストラクターを持つことになります。

さらに重要なポイントとして、クラスには constructor() 以外にも、開発者が自由に独自のメソッドを定義することができます。独自メソッドを作成する際の構文は、通常のメソッド定義とまったく同じです。

サンプルコード

以下の例では、デフォルトの constructor() メソッドだけで処理を完結させるのではなく、ユーザーが独自に定義した anotherMet() というメソッドの中で文字列を組み立てています。このメソッドを呼び出すことで、画面上に実際の結果が出力されます。

<html>
<body>
<p id="method"></p>
<script>
    class Company {
        constructor(branch) {
            this.name = branch;
        }
        anotherMet(x) {
            return x + " is the head of " + this.name;
        }
    }
    myComp = new Company("Tesla");
    document.getElementById("method").innerHTML = myComp.anotherMet("Elon musk");
</script>
</body>
</html>

実行結果

Elon musk is the head of Tesla

このように、constructor() で初期化したプロパティ（ここでは this.name）は、同じクラス内に定義した他のメソッドからも自由に参照・利用できます。独自メソッドを活用することで、クラスの機能を目的別に整理し、コードの可読性と再利用性を高めることができます。

  1. JavaScriptのsort()メソッドとは?配列ソートの基本と比較関数の使い方を解説

    JavaScriptのsort()メソッドは、配列の要素を並べ替えるための組み込みメソッドです。アルファベット順・数値順といった並べ替えの基準に加え、昇順・降順も自由に指定できます。デフォルトでは要素が文字列として比較され昇順にソートされますが、比較関数を渡すことで任意の順序を実現できます。 なお、sort()は元の配列そのものを変更する「破壊的メソッド」である点にも注意しましょう。元の配列を保持したい場合は、スプレッド構文([...arr])などで事前にコピーしておくのが安全です。 コード例 以下は、sort()メソッドを使って配列をソートするシンプルなサンプルコードです。 <!DO

  2. JavaScriptのコンストラクターにプロパティやメソッドを追加する方法

    JavaScriptでは、コンストラクター関数に対してprototype（プロトタイプ）を利用することで、後からプロパティやメソッドを追加することができます。この方法で追加したプロパティやメソッドは、そのコンストラクターから生成されたすべてのインスタンスで共有されるため、メモリの面でも効率的です。 サンプルコード 以下は、JavaScriptのコンストラクターにプロパティとメソッドを追加するコード例です。 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta n