簡(jiǎn)介:很多概念不清或忘記，重新構(gòu)建自己的知識(shí)體系。每天問(wèn)自己1~多個(gè)問(wèn)題。我是菜鳥(niǎo) 成為大神之路!

1.認(rèn)識(shí)exportLink export

export語(yǔ)句用于在創(chuàng)建JavaScript模塊時(shí)，從模塊中導(dǎo)出函數(shù)、對(duì)象、原始值，以便其他程序可以通過(guò) import 語(yǔ)句使用它們。

export { name1, name2, …, nameN }; export { variable1 as name1, variable2 as name2, …, nameN }; export let name1, name2, …, nameN; // also var export let name1 = …, name2 = …, …, nameN; // also var, const export function FunctionName() {...} export class ClassName {...}export default expression; export default function (…) { … } // also class, function* export default function name1(…) { … } // also class, function* export { name1 as default, … };export * from …; export { name1, name2, …, nameN } from …; export { import1 as name1, import2 as name2, …, nameN } from …; 復(fù)制代碼

2.認(rèn)識(shí)import Link import

import語(yǔ)句用于導(dǎo)入由另一個(gè)模塊導(dǎo)出的綁定。無(wú)論是否聲明了 strict mode ，導(dǎo)入的模塊都運(yùn)行在嚴(yán)格模式下。在瀏覽器中， import語(yǔ)句只能在聲明了type="module"的script的標(biāo)簽中使用。

import defaultExport from "module-name"; import * as name from "module-name"; import { export } from "module-name"; import { export as alias } from "module-name"; import { export1 , export2 } from "module-name"; import { foo , bar } from "module-name/path/to/specific/un-exported/file"; import { export1 , export2 as alias2 , [...] } from "module-name"; import defaultExport, { export [ , [...] ] } from "module-name"; import defaultExport, * as name from "module-name"; import "module-name"; var promise = import("module-name"); 復(fù)制代碼

多個(gè)導(dǎo)入導(dǎo)出

// module "my-module.js" function cube(x) {return x * x * x; } const foo = Math.PI + Math.SQRT2; export { cube,foo }; 復(fù)制代碼

這樣的話，在其它腳本 (比如import)，我們可以這樣使用：

import { cube, foo } from 'my-module.js'; console.log(cube(3)); // 27 console.log(foo); // 4.555806215962888 復(fù)制代碼

3.認(rèn)識(shí)export與export default

1、export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等
2、你可以在其它文件或模塊中通過(guò)import+(常量 | 函數(shù) | 文件 | 模塊)名的方式，將其導(dǎo)入，以便能夠?qū)ζ溥M(jìn)行使用
3、在一個(gè)文件或模塊中，export、import可以有多個(gè)，export default僅有一個(gè)
4、通過(guò)export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要

這樣來(lái)說(shuō)其實(shí)很多時(shí)候export與export default可以實(shí)現(xiàn)同樣的目的，只是用法有些區(qū)別。注意第四條，通過(guò)export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要。使用export default命令，為模塊指定默認(rèn)輸出，這樣就不需要知道所要加載模塊的變量名。

轉(zhuǎn)載于:https://juejin.im/post/5c3542a9e51d45524473f11b

總結(jié)

以上是生活随笔為你收集整理的填坑-十万个为什么？（22）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。