前端JS模块化对外暴露的三种方法

对外暴露有三种方式，分别时默认暴露、统一暴露、分别暴露。

但值得注意的是，使用import（引入）和export（暴露）关键字只能在模块系统中如vue中使用，不能在普通的js使用。

一.默认暴露

1.在新建的test.js文件中

export default {
  a(){
    console.log(111);
  },
  b(){
    console.log(222);
  }
}

2.在需要使用的页面中

import test from '../../api服务器托管网/test.js'

console.log(test.a()); //111

二.统一暴露

1.在新建的test.js文件中

 function a(){
    console.log('111');
 }
 function b(){
    console.log('222');
 }
 export {a,b}

2.在需要使用的页面服务器托管网中

import {a,b} from '../../api/test.js'

console.log(a()); //111

三.分别暴露

1.在新建的test.js文件中

 export function a(){
    console.log('111');
 }
 export function b(){
    console.log('222');
 }

2.在需要使用的页面中

import {a,b} from '../../api/test.js'

console.log(a()); //111

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: Django（二、静态文件的配置、链接数据库MySQL）

文章目录 一、静态文件及相关配置 1.以登录功能为例 2.静态文件 3.资源访问 4.静态文件资源访问 如何解决？ 二、静态文件相关配置 1. 如何配置静态文件配置？ 2.接口前缀 3. 接口前缀动态匹配 4. form表单 请求方法补充 form表单要注意的…