Question

我有两个课程，在两个单独的文件中说ParentClass和ChildClass。我直接在ChildClass内调用一个函数，我希望在调用ParentClass时动态包含ChildClass。我 DON＆＃39; 想要使用任何外部库或包，例如jQuery，require.js等。此外，我 DON＆＃ 39;由于浏览器兼容性问题，T 希望ES6或nodejs require使用here。

以下是我的文件的样子，

parentclass.js

var ParentClass = function(param1, param2) {
    // Class related code here
};

ParentClass.prototype.parentClassFunction = function() {
     // Code for the function here...
};

childclass.js

var ChildClass = function(param1, param2) {
    // Some class related code here...

    this.parentClassFunction();

    // Some other code...
};

ChildClass.prototype = Object.create(ParentClass.prototype);

HTML文件

.....
<head>
  ...
  <script src="childclass.js"></script>
  ...
</head>
<body>
  ...
  <script>
    var value = new ChildClass(10, 20);
  </script>
  ...
</body>

有什么办法可以实现这个目标吗？感谢您的帮助。

提前致谢。：）

注意：我简要了解了this，this和this问题。

Answer 1

最佳选择是使用预编译器或类似的东西捆绑所有文件。

在你的childclass.js中你应该使用require（＆＃39; parentclass.js＆＃39;）或导入使用类似Browserify的东西来自动解决依赖关系。

以下是一些链接： - http://browserify.org/ - https://webpack.github.io/

Answer 2

如果您使用的是ES6功能，则可以使用导入：

例如：

import { Childclass } from '/path/to/childclass';

以下是导入文档：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

在其他Javascript文件中包含Javascript文件

2 个答案: