默认暴露,分别暴露,整体暴露的再次学习及常用知识
生活随笔
收集整理的這篇文章主要介紹了
默认暴露,分别暴露,整体暴露的再次学习及常用知识
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
三個(gè)暴露相同點(diǎn)
可以理解為都是暴露出一個(gè)對(duì)象給其他使用!
無(wú)論是哪一個(gè)暴露方式,想要直接獲取到暴露出去的對(duì)象,可以使用
import * as 名稱 from "xxx.js" //比如 import * as $API from "xxx.js"默認(rèn)暴露
1.js內(nèi)容
export default {a:10,b:100 } //相當(dāng)于向外暴露一個(gè)對(duì)象,對(duì)象當(dāng)中只有一個(gè)default屬性,值為暴露對(duì)象的值 // 上面暴露相當(dāng)于是暴露下方對(duì)象給其他使用 {default:{a:10,b:100} }1.html內(nèi)容
<body><script type="module">// 默認(rèn)暴露// 代碼等同于 import {default as content} from "./1.js"import content from "./1.js"console.log(content);//輸出{a: 10, b: 100}</script> </body>部分(分別)暴露
1.js內(nèi)容
export let a = 10; export var b = function() { }; // 代碼等同于暴露下方對(duì)象 {a: 10,b: function(){ } }1.html內(nèi)容
<body><script type="module">//部分(分別)暴露 并且進(jìn)行解構(gòu)賦值import { a, b } from "./1.js";console.log(a,b);//10 ? () { }</script> </body>整體(統(tǒng)一)暴露
1.js內(nèi)容
//整體暴露 const a = 10; let b = 10; var c = {age:"18" } // 整體(統(tǒng)一)暴露只可以寫成es6簡(jiǎn)寫模式! export {a,b,c } //整體(統(tǒng)一)暴露相當(dāng)于暴露下方對(duì)象給其他使用 {a:10,b:10,c:{age:18} }1.html內(nèi)容
<body><script type="module">//整體暴露import * as content from "./1.js";console.log(content);//輸出結(jié)果看圖</script> </body>?
點(diǎn)開(kāi)后
三種暴露獲取暴露出去的對(duì)象
import * as 名稱 from "xxx.js" //比如 import * as $API from "xxx.js"默認(rèn)暴露
//js代碼//默認(rèn)暴露 export default {a:10,b:100 } //html代碼 <script type="module">// 默認(rèn)暴露import * as content from "./1.js"console.log(content);//如圖 </script>輸出結(jié)果如圖
部分(分別)暴露
//js代碼//部分(分別)暴露 export var a = 10; export var b = function() { };//html代碼 <script type="module">// 部分(分別)暴露import * as content from "./1.js"console.log(content);//如圖 </script>輸出結(jié)果如圖
整體(統(tǒng)一)暴露
//js代碼//整體暴露 const a = 10; let b = 10; var c = {age:"18" } export {a,b,c }//html代碼 <script type="module">// 整體暴露import * as content from "./1.js"console.log(content);//如圖 </script>輸出結(jié)果如圖
默認(rèn)暴露的引入并暴露一次性完成
在做項(xiàng)目的時(shí)候,有時(shí)候需要把所有的默認(rèn)暴露的模塊整合到一個(gè)模塊當(dāng)中去以便后期使用
- 也就是 A.js ,B.js ,C.js ,D.js 模塊統(tǒng)一在 All.js 當(dāng)中引入
用法格式: import { default as 別名名稱 } from "模塊路徑" 針對(duì)默認(rèn)暴露
//代碼等同于// module1.js export default {a(){},b(){},C(){}, }// All.js export {default as module1} from "./module1.js"; //上面一行代碼等同于下面二行代碼的代碼效果//1 import {default as module1} from "./module1.js"//2 export module1 {a(){},b(){},C(){} }或者export * as xxx from "./1.js" 針對(duì)分別暴露
后期如果需要使用到 All.js 整合暴露的東西
總結(jié)
- 默認(rèn)暴露是一個(gè)對(duì)象default為屬性defau1t后面值為值的一個(gè)對(duì)象只能寫一次
- 部分(分別)暴露是一個(gè)對(duì)象它是最終暴露出去的時(shí)候把所有暴露的變量自動(dòng)封裝到對(duì)象當(dāng)中
- 整體(統(tǒng)一)暴露是一個(gè)對(duì)象這個(gè)對(duì)象是我們自己需要寫的，把所有的需要暴露的變量寫到我們的對(duì)象當(dāng)中
總結(jié)
以上是生活随笔為你收集整理的默认暴露,分别暴露,整体暴露的再次学习及常用知识的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 智慧养老智能化解决方案为老人圆居家养老的
- 下一篇： 北京周末去哪儿 —— 北京植物园