前端模組化 匯入匯出

1、commonjs實現匯入匯出

匯出：通過乙個物件匯出

module.exports =,
demo(a,b)}匯入
let  = require('modulea')
等價於let _ma = require('modulea')
let test = _ma.test

2、es的匯入匯出

1）export的基本使用

export指令用於匯出變數，函式或者是類

匯出變數

var name = '小明'var age = 18var flag = true

//1、匯出方式一：
export 
//2、匯出方式二
export var num1 = 1000;
export var height = 1.88

匯出函式和類

export function mul(num1,num2) 

export 
class
person 
}

2）export default的使用

某些情況下，乙個模組中包含某個的功能，我們並不希望給這個功能命名，而且讓匯入者可以自己來命名

這個時候就可以使用export default

export default

function()
使用import myfun from './info.js'  //
myfun是自己對匯出的函式取的名字
myfun()

【注意】 export在乙個模組中，不能同時存在多個

3）import的使用

import指令用於匯入模組中的內容

import  from "./info.js"

可以通過*匯入乙個模組中所有匯出的變數,通常會給這個*起乙個別名

import * as info from "./info.js"console.log(info.flag)

es模組化匯入匯出

在es6中每乙個模組即是乙個檔案，在檔案中定義的變數，函式，物件在外部是無法獲取的。如果你希望外部可以讀取模組當中的內容，就必須使用export來對其進行暴露 輸出 先來看個例子，來對乙個變數進行模組化。我們先來建立乙個test.js檔案，來對這乙個變數進行輸出 export let myname ...

Js模組化匯入匯出

1.js var a 1 varb function module.exports 1 1.js var m1 require 1.js console.log m1.a 1 m1.b 1 1 2.js import m1 from 1.js console.log m1.a 1 m1.b 1 or...

node 模組化匯出匯入的方式

第一種 module.exports commonjs的寫法 匯出const age 15 module.exports age 匯入 此處的age 與匯出的 age 可以不一樣 const age require action.js console.log age 這種寫法也可以 const ag...