es6模組化規範

2021-10-11 03:32:22 字數 1653 閱讀 9450

// 例子:

//export let myname = 「laowang」;

import from 「./test.js」;

console.log(myname);//laowang

// 如果要輸出多個變數可以將這些變數包裝成物件進行模組化輸出:

// let myname=「laowang」;

// let myage=90;

// let myfn=function()

// export

// /********接收的**調整為

/// import from 「./test.js」;

// console.log(myfn());//我是laowang!今年90歲了

// console.log(myage);//90

// console.log(myname);//laowang

// 如果你不想暴露模組當中的變數名字,可以通過as來進行操作:

// let myname=「laowang」;

// let myage=90;

// let myfn=function()

// export

// /********接收的**調整為

/// import from 「./test.js」;

// console.log(fn());//我是laowang!今年90歲了

// console.log(age);//90

// console.log(name);//laowang

/********匯出

/export default function ()

/********引入

/import myfn from 「./test.js」;//注意這裡預設匯出不需要用{}。

console.log(myfn());//預設匯出乙個方法

// 可以將所有需要匯出的變數放入乙個物件中,然後通過default export進行匯出

/********匯出

/export default ,

myname: "laowang"}

/********引入

// 如果匯入的多個檔案中,變數名字相同,即會產生命名衝突的問題,為了解決該問題,es6為提供了重新命名的方法,當你在匯入名稱時可以這樣做:

// /********test1.js

/// export let myname=「我來自test1.js」;

// /********test2.js

/// export let myname=「我來自test2.js」;

// /********index.js

/// import from 「./test1.js」;

// import from 「./test2.js」;

// console.log(name1);//我來自test1.js

// console.log(name2);//我來自test1.js

Vue之模組化規範 ES6語法

按需匯出語法 exports 型別 變數名 賦值 例如 cc.js 向外暴露a export let a 10 向外暴露b export let b 20 向外暴露方法show exprot function show function 按需引入語法 export from 模組路徑 例如 expo...

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