摘要:模塊化之前,前端模塊化之路可謂是布滿滄桑,從最開始的刀耕火種,無數的腳本層疊在一起引入到匿名函數自執行封裝代碼再到后來的,以及后面的和可以看出前端模塊化一直在進步,但是始終沒有一致的標準,直到實現模塊化之后,前端的模塊化之路才慢慢的變得比較
ES6模塊化之前,前端模塊化之路可謂是布滿滄桑,從最開始的刀耕火種,無數的腳本層疊在一起引入
到匿名函數自執行封裝代碼
(function(window){ // your code here })();
再到后來的common.js,以及后面的require.js和AMD
// a.js exports.add = function() { }; // b.js var add = require("a").add; exports.increment = function() { }; // c.js var inc = require("b").increment;
可以看出前端模塊化一直在進步,但是始終沒有一致的標準,直到ES6實現模塊化之后,前端的模塊化之路才慢慢的變得比較統一,ES6使用import和export來實現模塊化,,默認情況下,模塊皆是在嚴格模式下運行可以導出外層函數,類與對象或者所有定義的變量
// a.js export function hello() { return "hello world" } // b.js import {hello} from "a.js"; function sayHello() { hello(); } sayHello();
ES6模塊化中import和export也可以重命名,若是有時候導出的名字跟其他的正在使用中的名字有沖突的時候,在導入的時候可以使用as來重命名(突然間想起來SQL)
import {hello as cala} from "a.js";
可以用兩個不一樣的名字來導出相同的值,ES6中可以使用default關鍵字來實現默認導出,不能在語句和函數之內使用export關鍵字,只能在模塊頂部使用
function hello() { return "hello world" } export { hello as foo, hello as bar } //default var obj={ key1:value1, key2:value2 }; export {obj as default} export default{ key1:value1, key2:value2 }
ES6模塊化負責處理不同模塊間的耦合關聯,具體到編譯時處理所有的模塊依賴,將模塊打包成文件傳輸等工作可以用打包工具webpack等來完成,目前來說,ES6模塊化的標準仍然在路上,不過也已經普及,以后希望能繼續發展,讓前端更好的發展。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/87293.html
摘要:謹記,請勿犯這樣的錯誤。由于在之前的教程中,積累了堅實的基礎。其實,這是有緣由的其復雜度在早期的學習過程中,將會帶來災難性的影響。該如何應對對于來說,雖然有大量的學習計劃需要采取,且有大量的東西需要學習。 前言倘若你正在建造一間房子,那么為了能快點完成,你是否會跳過建造過程中的部分步驟?如在具體建設前先鋪設好部分石頭?或直接在一塊裸露的土地上先建立起墻面? 又假如你是在堆砌一個結婚蛋糕...
摘要:謹記,請勿犯這樣的錯誤。由于在之前的教程中,積累了堅實的基礎。其實,這是有緣由的其復雜度在早期的學習過程中,將會帶來災難性的影響。該如何應對對于來說,雖然有大量的學習計劃需要采取,且有大量的東西需要學習。 前言倘若你正在建造一間房子,那么為了能快點完成,你是否會跳過建造過程中的部分步驟?如在具體建設前先鋪設好部分石頭?或直接在一塊裸露的土地上先建立起墻面? 又假如你是在堆砌一個結婚蛋糕...
摘要:缺點不兼容以下瀏覽器七高階函數方法用來判斷一個數組是否包含一個指定的值,根據情況,如果包含則返回,否則返回。方法六高階函數優點高階函數的高級用法。 一、前言 數組去重是一個老生常談的問題,但是有時候會彈出點其他東西。 二、雙重循環 這個方法是最常見的,最原始的方法。 // 方法一:雙重循環 var array = [1,1,1,2,1,1,2] function unique(arr...
摘要:特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入匯總深似海。還有很多不足&遺漏的地方,歡迎補充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應和斧正,會及時更新,平時業務工作時也會不定期更...
閱讀 2898·2021-11-15 11:39
閱讀 1884·2021-09-24 09:48
閱讀 1072·2021-09-22 15:36
閱讀 3597·2021-09-10 11:22
閱讀 3061·2021-09-07 09:59
閱讀 960·2021-09-03 10:28
閱讀 680·2021-09-02 15:15
閱讀 2748·2021-08-27 16:24