JavaScript模块导入方式

JavaScript模块导入方式

JavaScript支持本地js文件中的某个数据类型¹导入到另一个js文件中的操作，其导入方式多样，语法有较大差异，故此写下此文以备未来查阅。

Node中的导入导出方式

此类导入方式借助module对象通过module.exports赋予js文件中某数据类型能够被导入的权限，通过require(<filename>)导入数据类型，这种导入方式主要在Node.js²中使用。每个运行在Node上的js文件都存在一个有导出属性的本地module对象。require(<filename>)赋予的变量名不必须与导出文件中的变量相同，原则上保持一致。

基本方式

导出文件 <1-airplane.js>

let Airplane = {
   };
Airplane.myAirplane = "StarJet";
module.exports = Airplane;

导入文件与模块文件位于同一目录

const Airplane = require('./1-airplane.js');
const displayAirplane=()=>{
   
  console.log(Airplane);
  console.log(Airplane.myAirplane);
}
displayAirplane();

匿名方式

此类导入方式依赖了JavaScript语言变量是引用的特性，直接在module.exports后定义数据类型。

导出文件 <2-airplane.js>

module.exports = {
   
  myAirplane:"CloudJet",
  displayAirplane:function(){
   
    return this.myAirplane;
  }