ES6模塊的導入導出的幾種寫法


第一種:

//b.js

exports.a = "這是a";

exports.b = "這是b";

exports.c = "這是c";

//a.js

import data from './b.js';

console.log(data.a);

console.log(data.b);

console.log(data.c);

 

第二種

//b.js    注意是export 沒有s 也很好理解 因為是單個導出

export const a = "這是a";

export const b = "這是b";

export const c = "這是c";

//a.js

import { a, b, c } form "./b.js";

console.log(a);

console.log(b);

console.log(c);

 

第三種       //和第二種差不多

//b.js

const a = "這是a";

const b = "這是b";

const c = "這是c";

export {

  a,

  b,

  c

}

//a.js

import { a, b, c } form "./b.js";

console.log(a);

console.log(b);

console.log(c);

 

//注意

export default function () {

  console.log('這是b模塊');

}         //相當於module.exports = function(){}

兩種寫法都可以

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM