変数を使ってJavaScriptのクラスオブジェクトを呼び出す方法

JavaScriptでは、変数に格納した値をeval()関数を使って呼び出すことで、クラスオブジェクトを動的に扱うことができます。この記事では、その具体的な手順をサンプルコード付きで解説します。

クラスと変数の準備

まず、次のような変数が定義されているとします。

var message = 'This is the Class Demo';

続いて、この変数を使ってオブジェクトを作成します。

var object = new FirstClass(message)

ここで使用しているFirstClassは以下のように定義されたクラスです。コンストラクタで受け取ったメッセージをインスタンスのプロパティとして保持しています。

class FirstClass{
    constructor( message){
        this.message = message;
    }
}

eval()を使ったクラスオブジェクトの呼び出し

JavaScriptの組み込み関数であるeval()を使用すると、文字列として渡された式を評価し、その結果を返します。これにより、変数経由でクラスオブジェクトを呼び出すことが可能になります。

コード例

class FirstClass{
    constructor( message){
        this.message = message;
    }
}
var message = 'This is the Class Demo';
var object = new FirstClass(message)
console.log(eval(object).message);

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js.

ここでは、ファイル名をdemo121.jsとして保存しています。

実行結果

プログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo121.js
This is the Class Demo

解説

eval(object)によってオブジェクトが評価され、その結果に対して.messageプロパティへアクセスすることで、コンストラクタに渡した文字列「This is the Class Demo」が出力されます。

注意点

eval()は強力な反面、任意のコードを実行できてしまうため、信頼できない入力を扱う場合はXSS（クロスサイトスクリプティング）などのセキュリティリスクにつながる可能性があります。実務では、必要最小限の範囲でのみ使用するか、より安全な代替手段（例：プロパティアクセスやMapによる管理）を検討することをおすすめします。