Question

Hello其他程序员，

我今天想知道如何从另一个外部js文件访问对象。我使用它作为在多个js文件中组织代码的方法。这是我试图说的一个例子。

想象一下这是来自外部js文件的代码：

$(function () {

  function Person() {
    this.name = "Bob";
  }

})

我想在另一个js文件中访问该对象：

$(function () {

  var person = new Person;
  alert(person.name);

})

有没有办法做那样的事情？我如何定位html？

Answer 1

将功能显示到全局范围：

$(function () {

  function Person() {
    this.name = "Bob";
  }

  return {
    Person: Person 
  }

})()

当向全局范围显示时，只要脚本启动，就会从另一个JavaScript文件中访问它。因此，您希望在之后将包含在中。

Answer 2

我的第一个奇迹是为什么你的JS包含在这样的函数中。你可以在这里看到我已经从设置后加载的另一个脚本访问了“hello” - 因为它是在全局空间中设置的。

<script src="https://pastebin.mozilla.org/?dl=8907696">
</script>
<script src="https://pastebin.mozilla.org/?dl=8907697">
</script>

一个脚本设置值，另一个脚本将其打印到控制台。除非你的Javascript被函数所包围，否则我不确定你为什么要这样做。

Answer 3

你只需要在html的head部分提到你的两个js脚本文件。

Javascript会处理剩下的事情。<head> <script src="First.js"></script> <script src="Second.js"></script> </head>