ES6模組化管理

2021-10-20 16:34:58 字數 2508 閱讀 5711

// require  module.exports={}  common.js規範  amd  cmd  es6模組

// 模組 export import

// export:用於該模組向其他模組匯出的介面

// import : 用於接收其他模組匯入的值

// 模組指定預設輸出 export default {}

// export var a = 100;

// export var b = 200;

// export :可以匯出變數,還可以匯出函式、class

// var c = 1;

// var d = 2;

// export ;

// as : 可以對匯出的變數進行重新命名;

// export 匯出的介面中變數和值有一一對應的關係;

var a =

;var c =1;

var d =2;

export

;export

functionf(

)// 1. 直接輸出變數(方法、類)

export

var m =1;

export

function

multiply

(x, y)

;// 2. 使用大括號指定所要輸出的一組變數(方法、類)

var m =1;

export

;// 3. as關鍵字重新命名

// 重新命名後,v2可以用不同的名字輸出兩次

// function v1()

// function v2()

export

;

// import : 匯入;

// import 後面是乙個大括號,大括號中包含了變數的名字,這個名字必須和匯出的介面的變數名相同

// as : 也可以通過as重新命名

// import 輸入的變數名都是唯讀的,不能修改;

// from :跟的是路徑(匯入模組的路徑,可以相對的路徑,也可以是決定路徑)

// default : 預設的;

// export default function foo()

// function foo()

//export default foo;

//import yy from "./2.es6的模組管理";

//import from "./2.es6的模組管理.js";

// export const a=1;

// export const b=1;

// export const c=1;

//import * as xy from "";

/import

from

"./2.es6的模組管理"

;console.

log(a)

;// 引用並指定名字

import customname from

'./export-default'

;// 1. 引入變數(方法、類)-(逐一載入)

import

from

'./profile.js'

;// 2. as關鍵字重新命名

import

from

'./profile.js'

;// 3. 整體載入

import

*as circle from

'./circle'

;/ 取每乙個變數名對應

// export default :

// 預設輸出乙個函式

export

default

function()

// 答案

// 1.

// 引入模組的某些變數(方法、類),配合4、5使用

import

from

'***'

// 2.

// 引入模組的預設變數(方法、類),配合6使用

import *** from

'***'

// 3.

// 實現動態載入,適用於按需載入等

import

('../***'

)// 4.

// 輸出模組的變數(方法、類),對應引入方法為1

let *** =

'x';

export

// 5.

// 輸出模組的變數(方法、類),對應引入方法為1

export

class

***// 6.

// 輸出模組預設的變數(方法、類),對應引入方法為2

export

default

// 7.

// 待更新

exports.

post()

// 8.

// 待更新

module.exports.init = init;

es6 的模組化

這個是需要複習下的,否則後面的react vue 就理解不清晰了 我覺得js 很牛,為啥,因為前後端都是js 這樣結合起來,很順暢 而且node 作為後端,搭建輕量級伺服器,很是好用,寫個介面絲毫沒有任何問題 後面的基本三大塊,1,node express koa 2,三大框架,react vue ...

ES6的模組化

模組化的特點 1 模組 自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式 2 在模組的作用域下建立的變數,不會被新增到全域性作用域中 3 如果外部可以讀取模組當中的內容,需要模組的匯出 4 模組頂級作用域的this為undefined 匯出資料 export var color pink export...

es6模組化規範

例子 export let myname laowang import from test.js console.log myname laowang 如果要輸出多個變數可以將這些變數包裝成物件進行模組化輸出 let myname laowang let myage 90 let myfn func...