JavaScript类访问和单个入口点?

时间:2018-06-26 04:49:53

标签: javascript oop

嗨,我是来自C#背景的Java语言新手。我在如何从另一个班级访问一个班上遇到一个小问题

我有一个入口点javascript文件(包含在html的script标签中的Main.js)和两个javascript类(未通过script标签包含)

  • GameWorld
  • 玩家

我想在Main.js中使用GameWord的对象,例如

function init();
{
    this.gameWorld = new GameWorld();
}

init();

类似地,我想在GameWorld类中使用Player类的对象,例如

class GameWorld
{
    constructor()
    {
        this.player = new Player();
    }
}

GameWorld类使用库“ pixi.js”。有没有简单的方法来创建对象并包含库? 另外,我想在HTML脚本中只有一个入口点,即Main.js文件,而不是将它们添加到HTML索引页的script标签中

谢谢,希望得到积极的答复。 Cya!

1 个答案:

答案 0 :(得分:0)

您可以使用javascript模块系统

GameWorld.js

它将导入Player.js

import Player from "./Player"
//this is relative path.It may change according to your project structure
export default class GameWorld {
  static testGameMethod = function () {
    console.log("I am from game class will call player");
    Player.testPlayerMethod()
  }
}

Player.js

export default class Players {
  static testPlayerMethod = function () {
    console.log("I am from player class")
  }
}

然后在main.js中导入GameWorld.js

import GameWorld from "./GameWorld";
GameWorld.testGameMethod()

这里工作正常,demo。请检查控制台以查看输出