export, export default 和 import的使用

export default 的使用

新建一个js文件

const arrP = [{status:'001', name: '小王'},{stat:'002', name: '小丽'}]
export default arrP

// export default [{name: '小妹', adder: '北京'}]

// export default function (num) {

//     console.log(num)

// }

导入

// 导入
import  arrP  from './ff.js'
console.log('name', arrP)

 export default只能导出一个，且导入的时候可以自由命名变量。

 

export的基本使用

// info.js文件

// export用于导出变量
export let name = '小红';
export const obj1 = { name:'小美', sex: '女'};


// export导出 另外一种写法
const peop = { age: 18, flag: true};
const arrP = [{status:'001', name: '小王'},{stat:'002', name: '小丽'}]
function sum (num1, num2){
    return num1 + num2
}

export { peop, arrP, sum}

// 导入
import  { peop, arrP } from './info.js'
console.log('对象', peop)
console.log('数组', arrP)

 导入全部的东西

// 统一全部导入
// 通过通配符* 导入所有的东西（所有导出的东西）
import * as obja from './info.js'
console.log(obja.peop)