我在同一个项目中有两个文件,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 中初始化 apple 和 mango;我希望它们在two.js 中初始化。
最佳答案
我不太确定为什么要创建这样的实例,但可能会产生一些影响。
您可以使用 ES6 的 Class
属性;
one.js
class Fruit {
constructor(name, color) {
this.name = color;
this.color = color;
}
}
two.js
var fruit_1 = new Fruit("apple", "red");
var fruit_2 = new Fruit(data_name, data_fruit);
继续阅读:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes
<小时/>还强烈建议您使用模块和 es6 预设,而不是将 javascript 文件一一包含到您的 HTML 文件中。
关于javascript - 如何定义结构并在不同的 JavaScript 文件中创建它的多个实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41449975/