ES6的js下export暴露和import引用的简单使用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、import的引用
• 二、export的暴露
  • 1.声明与暴露一起
  • 2.先声明后暴露
  • 3.全局暴露
• 总结

---

前言

export 和 import对js的拆分模块有重要地位

---

一、import的引用

import {request}  from '../../request/index' //引用 request模块(解构)
import {request as re} from '../../request/index' //取别名 (解构)
import * as total from '../../request/index' //作为一个整体对象
import m(别名) from '../../reqyesr/index' //针对默认暴露的简便写法

二、export的暴露

1.声明与暴露一起

//暴露函数
export const request=(params)=>{
  return new Promise((resolve,reject)=>{
    wx.request({
      ...params,
      success:(result)=>{
        resolve(result); 
      },
      fail:(err)=>{
        reject(err);
      }
    });
  })
}
//暴露变量

export const a='ww';

 2.先声明后暴露

//暴露函数
const request=(params)=>{
  return new Promise((resolve,reject)=>{
    wx.request({
      ...params,
      success:(result)=>{
        resolve(result); 
      },
      fail:(err)=>{
        reject(err);
      }
    });
  })
}

//暴露变量
const a='ww'

export{request,a}

 3.全局暴露

export defalut{
    name:'zhangsan',  //变量
    change: function(){  //函数
        //代码片段
    }
    

}

 

---

总结

export和import的简单运用。