如果你想將所有js放在一個文件中,或者你要在應(yīng)用的不同地方使用相同的功能,你就要使用模塊,記住魔術(shù)的關(guān)鍵詞是export
懦铺,在你的函數(shù)之前使用export
。
假設(shè)Project 和 WebProject 都儲存在application.js文件中支鸡,如下源碼結(jié)構(gòu):
myproject (folder)
|
-- modules (folder)
| |
| -- helpers.js
|
-- application.js
如果我們從application.js中分離arrayToString()
冬念,然后放入modules/helpers.js,這樣我們在其他地方可以重用它:
// modules/helper.js
export function arrayToString(param) {
// some implementation
}
這樣我們只需要導(dǎo)入我們的模塊即可:
// 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);
}
}
// ...