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