模块Module

如果你想将所有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);
  }
}
 
// ...

你可能感兴趣的:(模块Module)