如何从另一个外部js文件访问外部js文件中的对象

Question

各位程序员大家好，

我今天想知道如何从另一个外部 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" - 因为它是在全局 space.

中设置的

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

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

Answer 3

您只需在 html 的标题部分提及您的两个 js 脚本文件。

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

How to access objects in an external js file from another external js file