模組化 import和export

2022-06-03 12:06:10 字數 842 閱讀 8212

關於js模組化的使用,大家肯定不陌生,現有的主要兩種:cmd和amd,還有一種相容cmd和amd寫法的umd。一般前端框架都支援amd,而node.js採用的是cmd的模組語法。但大部分瀏覽器不支援,相信以後瀏覽器肯定會逐步支援的。

export

基本用法兩種

1直接匯出

export function

foo()

export

var awesome = 42;

var bar = [1,2,3];

export ;

2整體匯出

function

foo1()

functionfoo2() 

var awesome = 42; 

var bar = [1,2,3];

export ;

重新命名匯出

function

foo()

export ;

預設匯出,每個模組只能有乙個預設匯出:

混合預設匯出和普通的匯出:

混合預設匯出和普通的匯出:

import

import  from "foo";  

foo();

import  from "foo";  

thefoofunc();

ES6學習 模組化 import和export

關於js模組化的使用,大家肯定不陌生,現有的主要兩種 cmd和amd,還有一種相容cmd和amd寫法的umd。一般前端框架都支援amd,而node.js採用的是cmd的模組語法。es6中規範化了模組的匯入和匯出語法,在規範的15.2章節中。現在瀏覽器還都不支援,想要嘗試的可以使用traceur或者b...

expor和import的用法

1.export 模組是獨立的檔案,該檔案內部的所有的變數外部都無法獲取。如果希望獲取某個變數,必須通過export輸出 profile.js export var firstname michael export var lastname jackson export var year 1958 ...

談談模組化的 require 和 import

一 區別 require是commonjs的規範,在node中實現的api,import是es的語法,由編譯器處理。所以import可以做模組依賴的靜態分析,配合webpack rollup等可以做treeshaking。commonjs匯出的值會複製乙份,require引入的是複製之後的值 引用型...