js中 的模块化 导入、导出 整理

参考1

参考2

• module.exports与exports是CommonJS的规范
• export与export default是es6规范
• require 是 AMD规范引入方式
• import是es6的一个语法标准

小程序中也可以使用 import xx ，../代表上一级目录 ，./代表当前目录 ，

新建  commonUtils.js文件 

export const getTest=()=>{
return '你好世界~'
}


export const getTest2= function(){
  return '你好世界'
}


export  const B ='我是导出的export';

function  A(){
  return 'Addd';
}
function  AA(){
  return 'AA';
}
export const a ='1';

let dd= function(){
  return 'aaaa';
}

//es6 默认导出
export default {dd:dd,AA:AA}; 


//统一导出
export{
  A
  ,AA
}


export class User{
  constructor(){
    this.username = '';
     this.age = '';
  }
  print(){
    console.log("开始");
    console.log("我是类user的打开方法 "+this.username);
    console.log("结束");
  }
}

//使用  module.exports 后 上面的export全部失效

// module.exports={
//   A:A
//   ,A:AA
// }

创建index.js 引入

导入commonUtils中的全部导出
const commonUtils = require('../../utils/commonUtils.js');

按需只引入 getTest 可以直接使用，getTest()
import { getTest } from '../../utils/commonUtils.js'

引入 export defaut 的对象 ,getTest 代表引入的对象
import getTest from '../../utils/commonUtils.js'


按需只引入 User 可以直接使用，User
import { User } from '../../utils/commonUtils.js'

Page({
  data: {

  },
 
  onLoad() {

    console.log("commonUtils")
    console.log(getTest);
//  let d =commonUtils.aaaa;
//     console.log(d());
    let user = new User();
    user.username ='黄老板';
    user.print();
    
    let user2 = new User();
    user2.username ='具碧伟 ';
    user2.print();

    console.log("aaaaaaa1",user == user);
    console.log("aaaaaaa2",user == user2);
    // this.setData({
    //   hello:commonUtils.getTest()
    // })
  }
})