摘要:所有代碼共享一個全局作用域,而模塊則是自動運行在嚴(yán)格模式下的代碼,其創(chuàng)建的代碼不會添加到全局作用域中,僅存在模塊的頂級作用域中,使用的話必須導(dǎo)出部分的代碼供訪問,也可以從其他的模塊引入模塊標(biāo)識符以開始表示從根目錄開始以開始從當(dāng)前目錄以開始表
JS所有代碼共享一個全局作用域,而模塊則是自動運行在嚴(yán)格模式下的代碼,其創(chuàng)建的代碼不會添加到全局作用域中,僅存在模塊的頂級作用域中,使用的話必須導(dǎo)出部分的代碼供訪問,也可以從其他的模塊引入
模塊標(biāo)識符
以/開始表示從根目錄開始
以./開始從當(dāng)前目錄
以../開始表示從父目錄開始
其他URL格式
所有的模塊引進必須用以上的方法,尤其不能直接引入,如:import "module.js";
1,export關(guān)鍵字導(dǎo)出,放在任何變量,函數(shù)或者類聲明的前面
如果不實用default,匿名的函數(shù)是無法導(dǎo)出的
//module A export var a = 34; export function fn(){}; export const b = 4; export class ..... function inside(){} //這個方法是私有的外部無法訪問 function outside(){} //也可以先定義一個變量,后面在導(dǎo)出 export outside;
default
//module.js export default function(){} //要輸出一個匿名函數(shù)的時候,使用default關(guān)鍵字 import name from "./module.js"; //注意此時名稱沒有大括號,因為只有一個變量 //此時可以直接把name作為匿名函數(shù)的名稱直接使用,可以不需要知道模塊的方法名稱,直接自己命名調(diào)用 //default只能使用一次,而且如果不是匿名函數(shù),默認(rèn)是匿名函數(shù) //module.js var fn = function(){}; export defalut fn; //即使是輸出函數(shù)名仍是匿名的,外部不可訪問 import fn from "./module.js"; //module.js var fn = function(){}; export fn; //沒有default關(guān)鍵字,外面可以訪問 import { fn } from "./module.js"; //如果有default和其他的輸出的話用逗號隔開 import name ,{ varable} from "./module.js";
2,import from 引入,引入的模塊變量類似綁定,會自動提升到最頂部
//導(dǎo)入單個綁定 import { vailble } from "./moudule.js"; //導(dǎo)入多個綁定 import { vara varb ..} from "./module.js"; //導(dǎo)入整個模塊,把所有導(dǎo)出的變量作為對象的屬性使用,也叫做命名空間導(dǎo)入 import * as example from "./moudule.js"; //同一個模塊JS只執(zhí)行一次,并保存在內(nèi)存中 import { a } from "./moudule.js"; import {b } from "./moudule.js"; import { c } from "./moudule.js"; //以上代碼只導(dǎo)出了第一個變量
ES6模塊的特性
請輸入代碼
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/88877.html
摘要:之小白初入江湖超文本標(biāo)記語言簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。描述了一個網(wǎng)站的結(jié)構(gòu)語義隨著線索的呈現(xiàn),使之成為一種標(biāo)記語言而非編程語言。是塊級元素,是行內(nèi)元素。層疊樣式表簡稱是一種用來為結(jié)構(gòu)化文檔如添加樣式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本標(biāo)記語言(HyperText Markup Language, 簡稱HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言...
摘要:之小白初入江湖超文本標(biāo)記語言簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。描述了一個網(wǎng)站的結(jié)構(gòu)語義隨著線索的呈現(xiàn),使之成為一種標(biāo)記語言而非編程語言。是塊級元素,是行內(nèi)元素。層疊樣式表簡稱是一種用來為結(jié)構(gòu)化文檔如添加樣式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本標(biāo)記語言(HyperText Markup Language, 簡稱HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言...
摘要:剛開始做項目,正好碰上了一個批量下載的功能就是下面圖片中的一個導(dǎo)出的功能后臺返回的數(shù)據(jù)格式是這樣的,如下做批量下載后臺需要前端給一個必需字段,在我這里也就是上代碼這樣我們的就是一個由組成的數(shù)組,搞定 剛開始做vue項目,正好碰上了一個批量下載的功能 就是下面圖片中的一個導(dǎo)出的功能showImg(https://segmentfault.com/img/bVbsuIr); 后臺返回的數(shù)據(jù)...
摘要:本人前端萌新大概花了一周多一點,完成了一個前后端分離解耦的簡易個人博客項目。項目前后端分離,路由完全交給處理,后端只負(fù)責(zé)操作數(shù)據(jù)庫,暴露。目前項目提供做學(xué)習(xí)用途,希望能給大家一些幫助,對全棧項目有一個初步的了解,謝謝。 本人前端萌新大概花了一周多一點,完成了一個前后端分離解耦的簡易個人博客項目。項目前后端分離,路由完全交給vue-router處理,后端只負(fù)責(zé)操作數(shù)據(jù)庫,暴露api。 技...
閱讀 642·2021-11-25 09:43
閱讀 1655·2021-11-18 10:02
閱讀 1033·2021-10-15 09:39
閱讀 1877·2021-10-12 10:18
閱讀 2115·2021-09-22 15:43
閱讀 756·2021-09-22 15:10
閱讀 2084·2019-08-30 15:53
閱讀 978·2019-08-30 13:00