class 関数 動的

Question

前提・実現したいこと

javascriptで変数名からインスタンスの関数を呼び出したいです。
console.logにhogeと表示したいです。
そもそも出来るのでしょうか。

発生している問題・エラーメッセージ

Uncaught TypeError: process.select_value is not a function

該当のソースコード

select_valueにはhogeという文字列が入っていると仮定してください。

class Process {
    constructor(select_value) {
        this.select_value = select_value;
    }

    hoge(){
        console.log("hoge");
    }
}

var select_value = "hoge"
var process = new Process(select_value);
process.select_value();

試したこと

正しくは出来ているかわかりませんが、下記の方法を試してみました。
https://kuroeveryday.blogspot.com/2016/10/variable-as-function-name.html

Comments

[Lhankor_Mhy]

Process_By_Billing クラスは、Process クラスと同等のものだと理解していいですか？

[退会済みユーザー]

失礼しました。先ほど修正致しました。

[m.ts10806]

コピペで再現可能なコードにしてください。
引数に何が渡されるかわかりませんし。
もしくはもっとミニマム構成のコードで確認されては。

[退会済みユーザー]

修正しました。

Answer 1

「このクラスの中のこの関数」と指定する必要があるので、呼び出し方はこんな感じでは

process[process.select_value]();

Comments

[退会済みユーザー]

こちらの回答で確認出来ました。
ありがとうございました！

[m.ts10806]

解決されたようで何よりです。
元のコードだと存在しない関数を呼び出しているようなものなので、きちんと所属を明らかにしてあげる必要がありますね。

[papinianus]

やっとやりたいことの意味が分かりました。phpの可変関数みたいなことがしたかったんですね。

[m.ts10806]

裏話ですが、今回回答するために確認して初めてこういうやり方ができるって知りました（そもそもJavaScriptでクラス組むことがほとんどないので）

[m.ts10806]

papinianusさん
私も最初ちょっと考えましたが、たぶんこれでいいだろうという若干エスパー気味で・・・

[m.ts10806]

質問者さん
蛇足ですが、動的であれば関数やプロパティが存在するかチェックされたほうが良いです。
http://cly7796.net/wp/javascript/evaluation-of-function/

[退会済みユーザー]

質問の仕方がわかりにくい形ですいませんでした。
これからはまずコピペで再現できる形で質問していきたいと思います。

Answer 2

関数名の文字列入ってるのだから
process[select_value]();
こうだと思いますよ。

Answer 3

こういうことでしょうか……？

class Process {
    constructor(select_value, radio_element, csv_data) {
        this.select_value = () => this[select_value]();
        this.radio_element = radio_element;
        this.csv_data = csv_data;
    }

    hoge(){
        console.log("hoge");
    }
}

Comments

[Lhankor_Mhy]

ただ、まあ、プライベートメンバを作れないjavascriptでは、これ、メソッドを呼んだ時に何が起こるかわからなくて怖いですよね……

[Lhankor_Mhy]

あ、いや、そうか。
この書き方なら、メソッドの名前の指定をメンバに持たないから、途中で書き換えられないですね。
自分で書いておいて勘違い。

Answer 4

class Process {
    constructor(select_value) {
        this.select_value = select_value;
    }

    hoge(){
        console.log("hoge");
    }
}

var select_value = "hoge"
var process = new Process(select_value);
//process.select_value();
process.select_value;

Comments

[m.ts10806]

これって何も出力されないような気がします（すみません。高評価は滑ってつけてしまいました）

[papinianus]

完全に質問を誤解してました。単に関数でないものを関数呼び出ししててエラーになっていることだけが回避したいのだと思ってました。