如何在不同的JavaScript文件中定义结构并创建它的多个实例

时间:2017-01-03 18:24:09

标签: javascript html

我在同一个项目中有两个文件,one.js和two.js。

档案one.js

var fruit = {
   name,
   color,
}

档案two.js

// Here I receive a JSON string with list of fruit objects.
// For each object in the list create a new fruit object in JavaScript

var received_list = JSON.parse(response);

fruit_1 = new fruit();
fruit_1.name = received_list.fruit[0].name;
fruit_1.color = received_list.fruit[0].color;

fruit_2 = new fruit();
fruit_2.name = received_list.fruit[1].name;
fruit_2.color = received_list.fruit[1].color;

语法可能不正确,但我希望它能解决我的问题。

这是我的index.html

<html>
    <head>
        <script src="one.js"></script>
        <script src="two.js"></script>
    </head>
    <body>
        // Some content
    </body>
</html>

PS - 我不想在one.js中初始化苹果和芒果;我想让它们在two.js中初始化。

1 个答案:

答案 0 :(得分:1)

我不确定你为什么要创建这样的实例,但可能会有一些含义。

您可以使用ES6的public partial class MainWindow : Window, INotifyPropertyChanged { public ICollectionView MyCollectionView { get; set; } public MainWindow(List<MyType> parameter) { // ... MyCollectionView = new CollectionView(parameter); // ... } } public class MyType { public bool Approved { get; set; } // ... } 属性;

<强> one.js

Class

<强> two.js

class Fruit {
  constructor(name, color) {
    this.name = color;
    this.color = color;
  }
}

继续阅读:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes

还建议您使用模块和es6预设,而不是将javascript文件逐个包含在HTML文件中。

请参阅:https://babeljs.io/