国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一篇文章弄懂 JavaScript 中的 import

why_rookie / 1153人閱讀

摘要：無論是否聲明了，導(dǎo)入的模塊都運(yùn)行在嚴(yán)格模式下。這通常是包含模塊的文件的相對或絕對路徑名，可以不包括擴(kuò)展名。引用時將用作一種命名空間的模塊對象的名稱。導(dǎo)出參數(shù)指定單個命名導(dǎo)出，而語法導(dǎo)入所有導(dǎo)出。導(dǎo)入默認(rèn)值在無論是對象函數(shù)類等有效時可用。

import 語句用于導(dǎo)入由另一個模塊導(dǎo)出的綁定。無論是否聲明了 strict mode，導(dǎo)入的模塊都運(yùn)行在嚴(yán)格模式下。import語句不能在嵌入式腳本中使用。

語法 
import defaultExport from “module-name”;
import * as name from “module-name”;
import { export } from “module-name”;
import { export as alias } from “module-name”;
import { export1 , export2 } from “module-name”;
import { export1, export2 as alias2 , [...] } from “module-name”;
import defaultExport, { export [ , [...] ] } from “module-name”;
import defaultExport, * as name from “module-name”;
import “module-name”;
defaultExport

將引用模塊默認(rèn)導(dǎo)出的名稱。

module-name

要導(dǎo)入的模塊。這通常是包含模塊的 .js 文件的相對或絕對路徑名，可以不包括 .js 擴(kuò)展名。某些打包工具可以允許或要求使用該擴(kuò)展；檢查你的運(yùn)行環(huán)境，只允許單引號和雙引號的字符串。

name

引用時將用作一種命名空間的模塊對象的名稱。

export，exportN

要導(dǎo)入的導(dǎo)出名稱

alias，aliasN

將引用指定的導(dǎo)入的名稱。

描述

name 參數(shù)是“模塊對象”的名稱，它將用一種名稱空間來引用導(dǎo)出。導(dǎo)出參數(shù)指定單個命名導(dǎo)出，而import * as name 語法導(dǎo)入所有導(dǎo)出。

導(dǎo)入整個模塊的內(nèi)容

這將 myModule 插入當(dāng)前作用域，其中包含來自位于 /modules/my-module.js 文件導(dǎo)出的所有模塊。

import * as myModule from ‘/modules/my-module.js’;

在這里，訪問導(dǎo)出意味著使用模塊名稱（在這種情況下為”myModule”）作為命名空間。例如，如果上面導(dǎo)入的模塊包含一個doAllTheAmazingThings()，你可以這樣調(diào)用：

myModule.doAllTheAmazingThings();
導(dǎo)入單個導(dǎo)出

給定一個名為 myExport 的對象或值，它已經(jīng)從模塊 my-module 導(dǎo)出（因為整個模塊被導(dǎo)出）或顯式導(dǎo)出（使用 export 語句），將 myExport 插入到當(dāng)前作用域。

import { myExport } from ‘/modules/my-module.js’;
導(dǎo)入多個導(dǎo)出

將 foo 和 bar 插入當(dāng)前作用域。

import { foo, bar } from ‘/modules/my-module.js’;
導(dǎo)入帶有別名的導(dǎo)出

導(dǎo)入時可以重命名導(dǎo)出，例如，將shortName 插入當(dāng)前作用域。

import { reallyReallyReallyLongModuleExportName as shortName } from “/modules/my-module.js”;
導(dǎo)入時重命名多個導(dǎo)出

使用別名導(dǎo)入模塊的多個導(dǎo)出。

import {
    reallyReallyReallyLongModuleMemberName as shortName,
    anotherLongModuleName as short
} form “/modules/my-module.js”;
僅為副作用而導(dǎo)入一個模塊

模塊僅為副作用（中性詞、無貶義含義）而導(dǎo)入，而不是導(dǎo)入模塊中的任何內(nèi)容，這將運(yùn)行模塊中的全局代碼，但實際上不導(dǎo)入任何值。

import “/modules/my-module.js”
導(dǎo)入默認(rèn)值

在 default-export （無論是對象、函數(shù)、類等）有效時可用。然后可以使用 import 語句來導(dǎo)入這樣的默認(rèn)值。
最簡單的用法是直接導(dǎo)入默認(rèn)值：

import myDefault from “/modules/my-module.js”;

也可以同時將 default 語法與上述用法（命名空間導(dǎo)入和命名導(dǎo)入）一起使用。在這種情況下，default 導(dǎo)入必須首先聲明。

import myDefault, * as myModule from “/modules/my-module.js”;

或者

import myDefault, { foo, bar } from “/modules/my-module.js”;
示例

從輔助模塊導(dǎo)入以協(xié)助處理 AJAX DSON 請求。

模塊：file.js 
function getJSON(url, callback){
    let xhr = new XMLHttpRequest();
    xhr.onload = function () {
        callback(this.responseText)
    };
    xhr.open(‘GET’, url, true);
    xhr.send();
}
export function getUserFulContents(url, callback){
    getJSON(url, data => callback(JSON.parse(data)));
}
主程序：main.js 
import { getUserFulContents } from “/modules/file.js”;
getUserFulContents(‘http://www.example.com”, 
    data => { doSomethingUseful(data); } )
補(bǔ)充

strict mode
嚴(yán)格模式
嵌入式腳本

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/99820.html

相關(guān)文章

  • 不再彷徨：完全弄懂JavaScript中的this（譯文總結(jié)）

    摘要：至于，其只是以數(shù)組的方傳入?yún)?shù)，其它部分是一樣的，如下它們也可用于在中的類繼承中，調(diào)用父級構(gòu)造器。間接調(diào)用，調(diào)用了父級構(gòu)造器對比方法和，它倆都立即執(zhí)行了函數(shù)，而函數(shù)返回了一個新方法，綁定了預(yù)先指定好的，并可以延后調(diào)用。 其實this是一個老生常談的問題了。關(guān)于this的文章非常多，其實我本以為自己早弄明白了它，不過昨天在做項目的過程中，還是出現(xiàn)了一絲疑惑，想到大概之前在JavaScri...

    YanceyOfficial 評論0 收藏0

  • 更快助你弄懂React-高階組件

    摘要：等價于是一個返回函數(shù)的函數(shù)就是個高階函數(shù)返回的函數(shù)就是一個高階組件，該高階組件返回一個與關(guān)聯(lián)起來的新組件的也是一樣的總結(jié)一下高階組件是對代碼進(jìn)行更高層次重構(gòu)的好方法，如果你想精簡你的和生命周期方法，那么高階組件可以幫助你提取出可重用的函數(shù)。 談到react,我們第一個想到的應(yīng)該是組件,在react的眼中可真的是萬物皆組件。就連我們獲取數(shù)據(jù)用到的axios也可以用組件來表示...比如,我...

    qylost 評論0 收藏0

  • 更快助你弄懂React-高階組件

    摘要：等價于是一個返回函數(shù)的函數(shù)就是個高階函數(shù)返回的函數(shù)就是一個高階組件，該高階組件返回一個與關(guān)聯(lián)起來的新組件的也是一樣的總結(jié)一下高階組件是對代碼進(jìn)行更高層次重構(gòu)的好方法，如果你想精簡你的和生命周期方法，那么高階組件可以幫助你提取出可重用的函數(shù)。 談到react,我們第一個想到的應(yīng)該是組件,在react的眼中可真的是萬物皆組件。就連我們獲取數(shù)據(jù)用到的axios也可以用組件來表示...比如,我...

    libxd 評論0 收藏0

  • 更快助你弄懂React-高階組件

    摘要：等價于是一個返回函數(shù)的函數(shù)就是個高階函數(shù)返回的函數(shù)就是一個高階組件，該高階組件返回一個與關(guān)聯(lián)起來的新組件的也是一樣的總結(jié)一下高階組件是對代碼進(jìn)行更高層次重構(gòu)的好方法，如果你想精簡你的和生命周期方法，那么高階組件可以幫助你提取出可重用的函數(shù)。 談到react,我們第一個想到的應(yīng)該是組件,在react的眼中可真的是萬物皆組件。就連我們獲取數(shù)據(jù)用到的axios也可以用組件來表示...比如,我...

    dreamGong 評論0 收藏0

  • 更快助你弄懂React-高階組件

    摘要：等價于是一個返回函數(shù)的函數(shù)就是個高階函數(shù)返回的函數(shù)就是一個高階組件，該高階組件返回一個與關(guān)聯(lián)起來的新組件的也是一樣的總結(jié)一下高階組件是對代碼進(jìn)行更高層次重構(gòu)的好方法，如果你想精簡你的和生命周期方法，那么高階組件可以幫助你提取出可重用的函數(shù)。 談到react,我們第一個想到的應(yīng)該是組件,在react的眼中可真的是萬物皆組件。就連我們獲取數(shù)據(jù)用到的axios也可以用組件來表示...比如,我...

    xushaojieaaa 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<