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