如果你想将所有js放在一个文件中,或者你要在应用的不同地方使用相同的功能,你就要使用模块,记住魔术的关键词是export
,在你的函数之前使用export
。
假设Project 和 WebProject 都储存在application.js文件中,如下源码结构:
myproject (folder)
|
-- modules (folder)
| |
| -- helpers.js
|
-- application.js
如果我们从application.js中分离arrayToString()
,然后放入modules/helpers.js,这样我们在其他地方可以重用它:
// modules/helper.js
export function arrayToString(param) {
// some implementation
}
这样我们只需要导入我们的模块即可:
// application.js
import { arrayToString } from 'modules/helpers';
class WebProject extends Project {
constructor(name, technologies) {
super(name);
this.technologies = technology;
}
info() {
return this.name + " uses " + arrayToString(this.technology);
}
}
// ...