欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript(es2016) import和require用法和區(qū)別詳解

 更新時間：2017年08月11日 16:55:19   作者：自我還是本我  
本篇文章主要介紹了Javascript(es2016) import和require用法和區(qū)別詳解，具有一定的參考價值，有興趣的可以了解下

本文介紹了Javascript(es2016) import和require用法和區(qū)別詳解，分享給大家，具體如下：

寫個簡單js文件，假設名字為：lib.js 。 假設內(nèi)容如下：

export const sqrt = Math.sqrt;
export function square(x) {
 return x * x;
}
export function diag(x, y) {
 return sqrt(square(x) + square(y));
}

這樣就可以在其他地方對lib中定義的屬性和方法進行引用，引用方法有兩種，也就時import和require。

//方法一
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3));
//方法兒
import * as lib from 'lib';
square = lib.square;

還可以設置默認的導出信息，就需要崽lib.js中定義 export default {}。default后面可以接一個參數(shù)，也可以接一個數(shù)組。書寫方法為：

 //------ module1.js ------
export default 123;

//------ module2.js ------
const D = 123;
export { D as default };

通常比較習慣用第一種。然后用import就可以得到這個數(shù)組或則參數(shù)。但是import只能用于靜態(tài)導入，就是必須在文件開始的時候，在最上層就寫好。而require就可以實現(xiàn)動態(tài)加載。

加載方式 規(guī)范 命令 特點
運行時加載 CommonJS/AMD require 社區(qū)方案，提供了服務器/瀏覽器的模塊加載方案。非語言層面的標準。只能在運行時確定模塊的依賴關系及輸入/輸出的變量，無法進行靜態(tài)優(yōu)化。
編譯時加載 ESMAScript6+ import 語言規(guī)格層面支持模塊功能。支持編譯時靜態(tài)分析，便于JS引入宏和類型檢驗。動態(tài)綁定。 

const incrementCounter = function ({dispatch,state}){
 dispatch(‘INCREMENT‘)
}
export default {
 incrementCounter
}
//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關文章

  • 百度Popup.js彈出框進化版 拖拽小框架發(fā)布 兼容IE6/7/8,Firefox,Chrome

    百度Popup.js彈出框進化版 拖拽小框架發(fā)布 兼容IE6/7/8,Firefox,Chrome

    百度空間的彈出窗口和拖拽效果(也就是popup.js),代碼精簡，效果也很好，我們可以在很多大型網(wǎng)站上見到這種效果，在我的項目中也使用了該js。
    2010-04-04
  • JavaScript數(shù)組復制詳解

    JavaScript數(shù)組復制詳解

    對于javascript來說，數(shù)組是一種引用類型，如果只是一維數(shù)組的話，復制還較為容易，如果是多維數(shù)組呢？如何實現(xiàn)多維數(shù)組的深度復制？
    2017-02-02
  • JS圖片切換的具體方法(帶縮略圖版)

    JS圖片切換的具體方法(帶縮略圖版)

    這篇文章介紹了JS圖片切換的具體方法，有需要的朋友可以參考一下
    2013-11-11
  • js實現(xiàn)全選和全不選

    js實現(xiàn)全選和全不選

    這篇文章主要為大家詳細介紹了js實現(xiàn)全選和全不選，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-07-07
  • ionic js 復選框 與普通的 HTML 復選框到底有沒區(qū)別

    ionic js 復選框 與普通的 HTML 復選框到底有沒區(qū)別

    本文通過實例給大家演示ionic js 復選框 與普通的 HTML 復選框到底有沒區(qū)別的相關知識，非常不錯具有參考借鑒價值，感興趣的朋友一起學習吧
    2016-06-06
  • 原生js實現(xiàn)秒表計時器功能

    原生js實現(xiàn)秒表計時器功能

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)秒表計時器功能，可以開始、暫停、清除，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-02-02
  • js瀏覽器本地存儲store.js介紹及應用

    js瀏覽器本地存儲store.js介紹及應用

    store.js 是一個兼容所有瀏覽器的 LocalStorage 包裝器，不需要借助 Cookie 或者 Flash。store.js 即可實現(xiàn)本地存儲功能
    2014-05-05
  • 一篇文章搞定echarts地圖輪播高亮

    一篇文章搞定echarts地圖輪播高亮

    ECharts是一個使用 JavaScript 實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求,下面這篇文章主要給大家介紹了關于echarts地圖輪播高亮的相關資料,需要的朋友可以參考下
    2021-08-08
  • document.createElement()用法及注意事項(ff下不兼容)

    document.createElement()用法及注意事項(ff下不兼容)

    今天處理了一個日期選擇器的ie和ff的兼容問題，本來這種情況就很難找錯誤，找了好久才把錯誤定位到js中創(chuàng)建元素的方法document.createElement()，這個方法在ie下支持這樣創(chuàng)建元素
    2013-03-03
  • 小程序getLocation需要在app.json中聲明permission字段

    小程序getLocation需要在app.json中聲明permission字段

    這篇文章主要介紹了小程序getLocation需要在app.json中聲明permission字段，個別需要獲取用戶地理位置的在開發(fā)者工具調(diào)試時會出現(xiàn)getLocation需要在app.json中聲明permission字段 ，下面我們就一起來解決一下
    2019-04-04

最新評論