第十六節 模組化操作

2021-08-18 13:09:46 字數 1337 閱讀 2986

在es5中我們要進行模組華操作需要引入第三方類庫,隨著前後端分離,前端的業務日漸複雜,es6為我們增加了模組話操作。模組化操作主要包括兩個方面。

export的用法

export 可以讓我們把變數、函式、物件進行模組化,提供外部呼叫介面,讓外部進行引用。先來看個最簡單的例子,把乙個變數模組化。我們新建乙個temp.js檔案,然後在檔案中輸出乙個模組變數。

export

var a = 'jspang';

然後可以在同級目錄下的 index.js 中以 import 的形式引入。

import  from

'./temp.js';

console.log(a);

這就是乙個最簡單的模組的輸出和引入。

多變數的輸出

這裡宣告了3個變數,需要把這3個變數都進行模組化輸出,這時候我們給他們包裝成物件就可以了。

var a ='jspang';

var b ='技術胖';

var c = 'web';

export

函式的模組化輸出
export function

add(a,b)

as 的用法

有些時候我們並不想暴露模組裡邊的變數名稱,而給模組起乙個更語義話的名稱,這時候我們就可以使用as來操作

var a ='jspang';

var b ='技術胖';

var c = 'web';

export

export default 的使用

加上default相當是乙個預設的入口。在乙個檔案裡export default只能有乙個。我們來對比一下export和export default的區別

1、export

export var a ='jspang';

export function

add(a,b)

對應的引入方式

mport  form './temp'

;//也可以分開寫

2、export de****t

export

default

var a='jspang';

對應的引入方式

import str from

'./temp';

es6的模組化不能直接在瀏覽器中預覽,必須要使用babel進行編譯之後正常看到結果。

第十六節IO流

6.outputstream 寫的操作 需求 將data資料寫到 某檔案中 保留資料到本地檔案中 如果檔案不存在 輸出流 會自動建立乙個檔案 然後寫出內容 但是目錄不存在 將會丟擲異常 write 將引數所表示的內容寫出 該方法執行一次 就表示寫出衣蛾乙個位元組 wirte byte 將引數所有的位...

第十六節 載入Firefox配置

載入瀏覽器配置,需要用firefoxprofile profile directory 這個類來載入,profile directory既為瀏覽器配置檔案的路徑位址 一 遇到問題 2.用指令碼去開啟瀏覽器時候,其實是重新開啟了乙個程序,跟手動開啟瀏覽器不是乙個程序。所以沒主動載入外掛程式,不過sel...

php第十六節課

分頁 構造方法,可以設定分頁類的屬性 param int total 計算分頁的總記錄數 param int listrows 可選的,設定每頁需要顯示的記錄數,預設為25條 param mixed query 可選的,為向目標頁面傳遞引數,可以是陣列,也可以是查詢字串格式 param bool o...