javascript - 如何使用参数调用同一非全局 JavaScript 函数的两个实例

Question

我试图从 HTML 代码调用 JavaScript 函数的两个不同实例，但我对变量范围、对象实例化的确切细节、将函数返回到浏览器的必要性、在何处以及如何提供函数的参数...我尝试了SO中代码片段的不同组合，但无济于事。我熟悉 OOP，但不熟悉它的函数/JavaScript 风格。

我的 HTML 我有类似的东西:

<script type="text/javascript" src="JavaScript.js"></script>

<script type="text/javascript">
    var localInstance = new globalFunction();
    localInstance.localFunction("someString", "someOtherString");

    var otherLocalInstance = new globalFunction();
    otherLocalInstance.localFunction("someString2", "someOtherString2");
</script>

在名为“JavaScript.js”的 JavaScript 文件中，我有如下内容:

function globalFunction() {
    var string;
    var otherstring;
    function localFunction(str, ostr) {
        string = str;
        otherstring = ostr;
        // do something more
    }
};

我收到 Uncaught TypeError: localInstance.myFunction is not a function 错误。我做错了什么？

Answer 1

我认为您需要返回您的函数，以便可以从外部访问它，如下所示:

function globalFunction() {

 var string;
 var otherstring;
 function localFunction(str, ostr) {
    string = str;
    otherstring = ostr;
    // do something more
 }
 return {
  localFunction: localFunction
 }};