Javascript 在单独的.js文件和.js文件中定义的访问函数

Javascript 在单独的.js文件和.js文件中定义的访问函数,javascript,function,loading,Javascript,Function,Loading,我看到了很多关于将.js文件加载到HTML文件的问题,我知道如何做到这一点。但是,假设我有一个文件“classlist.js”,我如何在另一个javascript文件中使用该javascript文件中定义的类呢?我不断看到建议使用 <script type="text/javascript" src="filepath"></script> 语法。但是,当在.js文件中使用时,它会在“假设您在web浏览器中谈论javascript,所有js文件都加载到html文件中

我看到了很多关于将.js文件加载到HTML文件的问题,我知道如何做到这一点。但是,假设我有一个文件“classlist.js”,我如何在另一个javascript文件中使用该javascript文件中定义的类呢?我不断看到建议使用

<script type="text/javascript" src="filepath"></script>


语法。但是,当在.js文件中使用时,它会在“假设您在web浏览器中谈论javascript,所有js文件都加载到html文件中,通常是index.html。您需要使用script标记在该html文件中,而不是在javascript文件中,以正确的顺序加载javascript。因此,如果文件B需要文件A中的内容,您需要首先加载文件A,这意味着将加载文件A的脚本标记放在加载文件B的脚本标记之前。

假设您在web浏览器中谈论javascript,所有js文件都加载到html文件中,通常是index.html。您需要使用script标记在该html文件中,而不是在javascript文件中,以正确的顺序加载javascript。因此,如果文件B需要文件A中的内容,您需要首先加载文件A,这意味着将加载文件A的脚本标记放在加载文件B的脚本标记之前。

您必须在HTML文件(而不是Javascript文件)中将对
classlist.js
的引用放在需要它的任何其他
script
元素之前。例如,在“head”元素中:

<html>
<head>
  <script src="testclass.js"></script>
  <script src="file_using_testclass.js"></script>
  <script>
    var tc = new TestClass();
  </script>
</head>

var tc=新的TestClass();

您必须将对
classlist.js
的引用放在HTML文件(而不是Javascript文件)中,然后再放在需要它的任何其他
脚本
元素之前。例如,在“head”元素中:

<html>
<head>
  <script src="testclass.js"></script>
  <script src="file_using_testclass.js"></script>
  <script>
    var tc = new TestClass();
  </script>
</head>

var tc=新的TestClass();
两个答案:

非浏览器 如果您在非浏览器环境(NodeJS、RingoJS、SilkJS、Rhino或其他任何一种环境)中使用JavaScript,答案取决于环境,但其中许多环境都使用JavaScript。例如:

浏览器 如果您在浏览器中使用JavaScript,您会按照处理顺序放置
script
标记,就像您在HTML中引用的标记一样(因此,依赖于其他脚本中定义的内容的脚本应包含在它们所依赖的脚本之后)

如果要在页面加载时间方面最大限度地提高效率,请将服务器上的脚本组合在一起(可能还会缩小/压缩/打包它们),并只使用一个
脚本
标记。

两个答案:

非浏览器 如果您在非浏览器环境(NodeJS、RingoJS、SilkJS、Rhino或其他任何一种环境)中使用JavaScript,答案取决于环境,但其中许多环境都使用JavaScript。例如:

浏览器 如果您在浏览器中使用JavaScript,您会按照处理顺序放置
script
标记,就像您在HTML中引用的标记一样(因此,依赖于其他脚本中定义的内容的脚本应包含在它们所依赖的脚本之后)


如果您想在页面加载时间方面最大限度地提高效率,请在服务器上将脚本组合在一起(可能还会缩小/压缩/打包它们)只使用一个代码>脚本 TAG.< /P> < P>上面的答案应该做得很好,但是,既然你提到了高效地执行它,你可以考虑查看JavaScript模块的加载程序,比如JS()。基于AMD < /P> < P>以上的答案应该是可行的,但是,既然你提到了高效地执行它,你可以考虑查看基于JavaScript模块的加载程序,比如AMD < /P>需要JS()。OP是HTML文件。@ Zeppsiz:我确信这不是这个问题的第一个版本,必须在五分钟窗口中添加。无论如何,我都回答了,以防万一。:)OP引用了一个HTML文件。@ZevSpitz:我肯定这个问题的第一个版本中没有,一定是在五分钟的窗口中添加的。无论如何,我都回答了,以防万一。:)