ES6导入导出

ES6导出导入

default

1
2
3
4
5
6
import 对象 from 相对路径文件;
import cal12 from './test_import_cal.js'; //export default cal2;
//默认导入出,导入值到变量cal12中,从./xxx.js来
//import 变量名 from '路径'; export default {name:'jack'};
//导入一个值
// console.log(cal12);

声明式导入(按需加载)

加载文件还是整体加载,只取其中一个部分

1
2
3
4
5
6
7
import { hand } from './person.js'; // export let hand = '小嫩手';
import { foot } from './person.js'; // export let foot = '小嫩脚';
import { head } from './person.js'; // let head = '大头'; export {head};
console.log(hand);
console.log(foot);
console.log(head);

全体导入导出

1
2
3
4
5
6
7
8
9
10
11
//固定 固定 可变 固定 固定
import * as person from './person.js'; //所有导出都能拿
console.log(person);
//注意是事项
function test(){
import * as person from './person.js'; //所有导出都能拿
console.log(person);
}
test();