Javascript：从另一个文件调用函数

Question

我只是Javascript的新人所以当我阅读Javascript文档时，有许多复杂的结构我无法遵循。

以下是我正在阅读的Javascript代码的简短说明：在我的例子中有两个主要文件： Helper.js和Circle.js 。

在Helper.js中，有一个方法名： using:function(param1,param2) 。 以下是Circle.js代码：

Helper.using('py.Figures', function (ns) {

    ns.Circle = function (params) {
        // some additional methods and code here
    }

    ns.Alert = function(){   // for the test purpose
           alert('hello');
    }
});

在文件test.html中，我写了一些这样的代码：

<script src="Helper.js"></script>
<script src="circle.js"></script>
<script>
   test = function(){
        py.Figures.Alert();  // calling for testing purpose
   }
</script>
<body onload="test();"></body>

当我在Chrome上运行并在控制台中查看时，我遇到了以下错误：

未捕获的TypeError：对象＃没有方法'警报'

这意味着我还没有导入那些课程。 请告诉我如何从另一个文件调用函数。 在我的情况是：调用Alert()

谢谢：）

@编辑：我为代码添加了一些链接：

Helper.js

Circle.js

Answer 1

你为什么不看看这个答案

在javascript文件中包含javascript文件

简而言之，您可以使用AJAX加载脚本文件，或者在HTML上添加脚本标记以包含它（在使用其他脚本的功能的脚本之前）。 我发布的链接是一个很好的答案，有两个方法的例子和解释。

Answer 2

是的你可以。 请检查我的小提琴以获得澄清。 出于演示目的，我将代码保存在相同的位置。 您可以提取该代码，如两个不同的Javascript文件所示，并将它们加载到html文件中。

https://jsfiddle.net/mvora/mrLmkxmo/

 /******** PUT THIS CODE IN ONE JS FILE *******/

    var secondFileFuntion = function(){
        this.name = 'XYZ';
    }

    secondFileFuntion.prototype.getSurname = function(){
     return 'ABC';
    }


    var secondFileObject = new secondFileFuntion();

    /******** Till Here *******/

    /******** PUT THIS CODE IN SECOND JS FILE *******/

    function firstFileFunction(){
      var name = secondFileObject.name;
      var surname = secondFileObject.getSurname()
      alert(name);
      alert(surname );
    }

    firstFileFunction();

如果使用构造函数创建对象并尝试从第二个文件中访问该属性或方法，则它将允许您访问另一个文件中存在的属性。

只需在index.html中处理包含这些文件的顺序

Javascript：从另一个文件调用函数

问题描述

2 个解决方案

解决方案1
11 已采纳 2012-07-31 18:56:03

解决方案2
1 2016-03-18 19:57:32

Javascript：从另一个文件调用函数

问题描述

2 个解决方案

解决方案1 11 已采纳 2012-07-31 18:56:03

解决方案2 1 2016-03-18 19:57:32

解决方案1
11 已采纳 2012-07-31 18:56:03

解决方案2
1 2016-03-18 19:57:32