組み込み可能なjavascriptウィジェットのプロトタイプと関数がどのように通信できますか？

Question

私は組み込み可能なjavascriptウィジェットを構築しようとしています。次の（例）はscriptタグに含まれています。

(function (window) { 

    function TestFunction(params) { 
     console.log("init"); 
     this.someVal = "ThisVal"; 
    } 

    TestFunction.prototype.protoFunc = function() { 
     return "Hello " + this.someVal; 
    }; 

    function hello() { 
     return eval("TestFunction.protoFunc();"); 
    } 

}(window)); 

let test = TestFunction({}); 

を次のように私は、その後

test.protoFunc(); 

こんにちはThisVal

を入力した場合、私はウィジェットをインスタンス印刷されます。しかし、hello関数が起動すると、それはTestFunction.protoFunc is not a functionというエラーをスローします。 hello()関数がTestFunction.prototype.protoFunc関数を起動する方法はありますか？

Answer 1

例を少し更新しました。ワークフローはオブジェクト駆動型です。私があなたを誤解した場合、私にいくつかの情報を教えてください。

(function (window) { 
 

 
    // Object instance 
 
    let instance = null; 
 

 
    // Class definition 
 
    var TestFunction = function (params) { 
 
     console.log("init"); 
 
     this.options = params; 
 
     
 
     setTimeout(hello, 100); // triggering after initiation 
 
    } 
 

 
    // Class method 
 
    TestFunction.prototype.protoFunc = function() { 
 
     console.log("Hello " + this.options.name); 
 
    }; 
 

 
    // the triggering function 
 
    function hello() { 
 
     return eval("instance.protoFunc()"); 
 
    } 
 

 
    // initiate the instance 
 
    instance = new TestFunction({ name: 'Jon Doe' }); 
 
    
 
    hello(); // trigger outside of class 
 
}(window));

私は作品をカプセリングする方法をお見せするために別の例をしました。

var TestFunction = (function() { 
 
    function TestFunction(params) { 
 
    console.log('init'); 
 
    this.options = params; 
 
    } 
 
    TestFunction.prototype.setName = function(name) { 
 
    this.options.name = name; 
 
    }; 
 
    TestFunction.prototype.getName = function() { 
 
    return this.options.name; 
 
    }; 
 
    TestFunction.prototype.protoFunc = function() { 
 
    console.log("Hello " + this.getName()); 
 
    }; 
 
    return TestFunction; 
 
}()); 
 

 
var test = new TestFunction({ 
 
    name: 'test' 
 
}); 
 

 
test.protoFunc(); 
 
test.setName('Wuhu!'); 
 
test.protoFunc();