Javascript เรียกใช้เมธอดอ็อบเจ็กต์แบบไดนามิกจากสตริง

ฉันสามารถเรียกเมธอดอ็อบเจ็กต์แบบไดนามิกโดยมีชื่อเมธอดเป็นสตริงได้หรือไม่ ฉันจะจินตนาการได้ดังนี้:

var FooClass = function() {
    this.smile = function() {};
}

var method = "smile";
var foo = new FooClass();

// I want to run smile on the foo instance.
foo.{mysterious code}(); // being executed as foo.smile();

หากชื่อของคุณสมบัติถูกเก็บไว้ในตัวแปรให้ใช้ []

foo[method]();

คุณสมบัติของวัตถุสามารถเข้าถึงได้ผ่านสัญกรณ์อาร์เรย์:

var method = "smile";
foo[method](); // will execute the method "smile"

วิธีการโทรด้วย eval eval("foo." + method + "()"); อาจไม่ใช่วิธีที่ดีนัก

เมื่อเราเรียกใช้ฟังก์ชันภายในออบเจ็กต์เราจำเป็นต้องระบุชื่อของฟังก์ชันเป็นสตริง

var obj = {talk: function(){ console.log('Hi') }};

obj['talk'](); //prints "Hi"
obj[talk]()// Does not work

ฉันอยากจะฝากตัวอย่างไว้ที่นี่สำหรับเรื่องนี้ ตัวอย่างเช่น; ฉันต้องการเรียกใช้วิธีการตรวจสอบแบบไดนามิกในขณะที่ส่งแบบฟอร์ม

<form data-before-submit="MyObject.myMethod">
    <button type="submit">Submit</button>
</form>

$('form').on('submit', function(e){

    var beforeSubmit = $(this).attr('data-before-submit');

    if( beforeSubmit ){

       params = beforeSubmit.split(".");
       objectName = params[0];
       methodName = params[1];

       result = window[objectName][methodName]($(this));

       if( result !== true ){
           e.preventDefault();
       }

    }

});

var MyObject = {
    myMethod = function(form){
        console.log('worked');
        return true;
    }
};