无法从其他JavaScript文件访问JavaScript对象

时间:2016-06-14 12:43:18

标签: javascript oop

我正在尝试在Animal对象中使用World对象,但它们都在不同的文件中。

Animal.js:

function Animal(species, nature) {

  // Public Fields
  this.species = species;
  this.nature = nature;

  // Private Fields
  var preys = new Array();

  // GET Functions
  ..........
  ..........

  // SET Functions
  ..........
  ..........  
}

World.js:

function World() {

  var animals = new Array();

  var animal = new Animal("Wolf", "Carnivore");    //[1]

  animals.push(new Animal("Wolf", "Carnivore"));   //[2]
}

我在一个基本网站中调用word class,它只包含创建新World实例的javaScript代码。然后在浏览器中,我按F12并在步骤1和步骤2中都出现错误。

错误Scre​​enShot :[Error image]

我认为它找不到动物类。我阅读了很多文章,并在互联网上搜索过但我找不到(也许是因为我是JavaScript新手)。

编辑:

换句话说,我正在尝试将Animal.js文件导入World.js文件。然后我会将World.js导入Ecosystem.js

Folders in my project

这是asp.net文件夹:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="scripts/World.js"></script>
    <script  type="text/javascript">
        world = new World();
        world.getOmnivores();
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
        </div>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

您需要在Animal.js部分中加入<head>

<head runat="server">
    <title></title>
    <script src="scripts/Animal.js"></script>
    <script src="scripts/World.js"></script>
    <script  type="text/javascript">
        world = new World();
        world.getOmnivores();
    </script>
</head>