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)