模块化

有很多种写法,推荐使用写法2

不能先var 一个变量 再export这个变量 这样会报错
例如:

  var name = "maiko"
  export name

写法5
export.default xxx from 'xxxx'
就是在不知道模块里面的方法和变量是什么的情况下,我们自己给他取名
例如:
export.default axios from "xxxx"//文件里导出
import axios from "axios" //导入

写法1

// profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;
//useage.js
import {firstName, lastName, year} from './profile';
console.log(firstName)

写法2


var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {firstName, lastName, year};
//useage.js
import {firstName, lastName, year} from './profile';
console.log(firstName)
写法3

//helper.js
export function getName(){}
export function getYear(){}
//main.js
import {getName, getYear} from './helper';
getName()
写法4

//helper.js
function getName(){}
function getYear(){}
export {getName, getYear}
//main.js
import {getName, getYear} from './helper';
getName()

写法5


// export-default.js
export default function () {
  console.log('foo');
}
// import-default.js
import getName from './export-default'
getName()
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 模块化Module 在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种。前者用于服务...
    虹猫1992阅读 4,590评论 0 8
  • 什么是模块化开发?js模块化有必要吗? 恰好这几天我也遇到应聘者在说自己了解模块化编程,于是我在网上搜刮了些资料再...
    随心__阅读 6,771评论 0 2
  • 模块化概念: 实现特定功能的一组方法 原始“类模块”写法 缺点:污染了全局变量,模块成员之间没直接关系 对象“类模...
    小淘气_嘻阅读 1,911评论 0 0
  • 这里七尾玄狐刚刚想一不做二不休,要暗下毒手,趁千渊妖猴“病”,要它的命。 那里大殿里的“照霞极光”忽然闪了两闪,就...
    荣蔓蔓阅读 1,839评论 0 2
  • 青史那页,一朝盛世一夕是杀伐。 周兴商替,逐鹿上空风尘如旧画。 春秋战国,百家争鸣江山乱喧...
    一g愤青阅读 1,878评论 0 0