ES6系列 Module 模組化

一、匯入匯出變數

// 匯出變數

export const name = 'hello' // 匯出變數
export let addr = 'beijing'
export var list = [1, 2, 3]
// 匯入變數
import  from './js-mod'

// 匯出變數

const name = 'hello'
let addr = 'beijing'
let list = [1, 2, 3, 5]
export 
// 匯入變數
import  from './js-mod'

// 匯出預設變數

const name = 'hello'
let addr = 'beijing'
let list = [1, 2, 3, 5]
export default name
export 
// 匯入預設變數和普通變數
import name, 裡，預設匯出模組允許匯入時自定義名稱
addr as newaddr, // 匯入時可以用 as 關鍵字為匯出的模組重新命名/指定別名
list
} from './js-mod'

// 匯出方法 - say 是預設匯出模組

export default function say(content) 
export function run() 
// 匯入方法 - say 是預設匯出模組
import
say,  from "./js-mod";

// 匯出函式

const say = (content) => 
const run = () => 
export default say
export 
// 匯入方法 - say 是預設匯出模組
import
say,  from "./js-mod";
say('hello world')
run()

// 匯出物件 - 匯出多個物件

const info = 
const des = 
export default 
// 匯入物件
import obj from './js-mod'
let  = obj // 解構賦值

// 匯出類-預設匯出

class test 
}export default test
// 匯入類-預設匯入
import test from './js-mod'
let test = new test()
console.log(test.id)

// 直接默許匯出類

export default class 
}// 匯入類
import test from './js-mod' // 非預設匯出test需包含在{}裡
let test = new test()
console.log(test.id)

// 匯出多個類

export class test 
}export class animal 
}export default class people 
}// 匯入多個類
import * as mod from './js-mod'
let test = new mod.test() // 注意引用通過mod
console.log(test.id)
let animal = new mod.animal() // 注意引用通過mod
console.log(animal.name)
let people = new mod.default() // 注意：預設匯出的類的引用鏈，不能通過類名呼叫
console.log(people.id)

被匯出模組可以在本模組引用，示例如下：

// 匯出函式

export function say() 
export function run() 
// 匯入函式
import  from './js-mod'
run() // 'say'

ES6新特性（六） Module模組化

1.1.在es5中本身是不支援模組化的，後來一些社群的大佬制定了乙個模組規範，主要分為兩種，乙個是用於伺服器的commonjs,比如nodejs中的require 另乙個是用於客戶端的amd，比如requirejs。1.2.在es6中專門提供了通用的模組化方案 export import 2.1.e...

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...