成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JS_導(dǎo)入導(dǎo)出

MartinDai / 1120人閱讀

摘要：方式導(dǎo)入導(dǎo)出一個(gè)文件，可以向外無(wú)數(shù)個(gè)變量，函數(shù)，對(duì)象，但是的時(shí)候，僅僅需要載入一次文件即可。所以，無(wú)形之后，會(huì)增加一個(gè)頂層命名空間。

Node方式導(dǎo)入導(dǎo)出

一個(gè)JavaScript文件，可以向外exprots無(wú)數(shù)個(gè)變量，函數(shù)，對(duì)象，但是require(); 的時(shí)候，僅僅需要 載入一次JS文件即可。 所以，無(wú)形之后，會(huì)增加一個(gè)頂層命名空間。

導(dǎo)入一個(gè)空模塊，是一個(gè)空對(duì)象,一個(gè)模塊就是一個(gè)對(duì)象。

導(dǎo)出方式：

exports, 導(dǎo)出整個(gè)式子

module.exports, 導(dǎo)出賦值部分

導(dǎo)入方式：

reuire()

// 導(dǎo)出一個(gè)變量
exports.a = 10;

// 導(dǎo)入該變量
let b = require("./export")

// 導(dǎo)入的形式 `console.log(b)`輸出導(dǎo)入的值：
// { a: 10 }
// 導(dǎo)出一個(gè)變量，直接需要變量值使用.
// module.exports = "name";

// 導(dǎo)入該變量
let b = require("./export")

// 導(dǎo)入的形式 `console.log(b)`輸出導(dǎo)入的值：
// name
// 導(dǎo)出對(duì)象
module.exports = {
  name1: 123,
  name2: 456
}

// 導(dǎo)入該變量
let b = require("./export")

// 導(dǎo)入的形式 `console.log(b)`輸出導(dǎo)入的值：
// { name1: 123, name2: 456 }
// 導(dǎo)出對(duì)象
exports.msg = {
  name1: 1,
  name2: 2
}

// 導(dǎo)入該變量
let b = require("./export")

// 導(dǎo)入的形式 `console.log(b)`輸出導(dǎo)入的值：
// { msg: { name1: 1, name2: 2 } }
// 導(dǎo)出函數(shù)
exports.showMsg = function () {
}

// 導(dǎo)入該變量
// let b = require("./export")

// 導(dǎo)入的形式 `console.log(b)`輸出導(dǎo)入的值：
// { showMsg: [Function] }

// 在 引用結(jié)果 需要  通過(guò)  變量 引用對(duì)象 執(zhí)行
// var b= require();
// b.showMsg();
// 導(dǎo)出函數(shù)
module.exports = function () {
}

// 導(dǎo)入該變量
let b = require("./export")

// 導(dǎo)入的形式 `console.log(b)`輸出導(dǎo)入的值：
// [Function]

// 引入文件的 變量  直接執(zhí)行

對(duì)象,函數(shù)常使用的導(dǎo)出方式：module.exports

對(duì)應(yīng)
import "helpers"
// 也稱: require("···")
import Express from "express"
// 也稱: Express = require("···").default || require("···")
import { indent } from "helpers"
// 也稱: indent = require("···").indent
import * as Helpers from "helpers"
// 也稱: Helpers = require("···")
import { indentSpaces as indent } from "helpers"
// 也稱: indent = require("···").indentSpaces
export default function () { ··· }
// 也稱: module.exports.default = ···
export function mymethod () { ··· }
// 也稱: module.exports.mymethod = ···
export const pi = 3.14159
// 也稱: module.exports.pi = ···
ES6和TS方式導(dǎo)入導(dǎo)出

導(dǎo)出：export
導(dǎo)入：import

注意點(diǎn):

導(dǎo)出和導(dǎo)入，除了使用as之外，變量名相同

導(dǎo)出一個(gè)文件，默認(rèn)是一個(gè)空對(duì)象

直接使用導(dǎo)入文件定義變量名，直接執(zhí)行

default導(dǎo)出，在導(dǎo)入的時(shí)候可以取任意變量名

export default默認(rèn)導(dǎo)出模塊不能使用{}對(duì)象導(dǎo)出

// 導(dǎo)出一個(gè)常量
export const foo = Math.sqrt(2)

// 導(dǎo)入
import { foo } from "./export"
import * as Tools from "./export" // 使用 Tools.foo

function myFunction () {}
// 導(dǎo)出已經(jīng)聲明的函數(shù)
export { myFunction }

導(dǎo)入
import { myFunction } from "./export"
// 多個(gè)導(dǎo)出
export function cube(x: number): number {
    return x * x * x
}
const foo: number = Math.PI * Math.sqrt(2)
export { foo } // 導(dǎo)出多個(gè)

// 導(dǎo)入
import { cube, foo } from "./export"
// 導(dǎo)出函數(shù)
export default function () {}
export default function fun () {}

// 導(dǎo)入
import myFunction from "./export" // 可以取任意變量名
// 如果導(dǎo)出默認(rèn)，定義函數(shù)名或者變量名，或者類名
// 導(dǎo)入的時(shí)候可以寫(xiě)和原來(lái)相同名字，也可以取任意變量名

// 導(dǎo)出類
export default class {}

// 導(dǎo)入
import Test from "./export"

一個(gè)文件（模塊）默認(rèn)的導(dǎo)出只能有一個(gè)， 可以是類，函數(shù)， 對(duì)象等

導(dǎo)入整個(gè)模塊的內(nèi)容，在當(dāng)前作用域插入export變量，包含export文件中全部導(dǎo)出綁定(包括export default):

// 導(dǎo)出多個(gè)模塊
export function query () {}
export function update () {}

// 導(dǎo)入
import * as API from "./export"

將整個(gè)模塊作為附加功能導(dǎo)入， 但是不導(dǎo)入模塊的導(dǎo)出成員:

import "my-module"

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108457.html

相關(guān)文章

  • 深入 CommonJs 與 ES6 Module

    摘要：目前主流的模塊規(guī)范模塊通用模塊如果你在文件頭部看到這樣的代碼，那么這個(gè)文件使用的就是規(guī)范實(shí)際上就是全局變量這三種風(fēng)格的結(jié)合這段代碼就是對(duì)當(dāng)前運(yùn)行環(huán)境的判斷，如果是環(huán)境就是使用規(guī)范，如果不是就判斷是否為環(huán)境，最后導(dǎo)出全局變量有了后我們的代碼和 目前主流的模塊規(guī)范 UMD CommonJs es6 module umd 模塊（通用模塊） (function (global, facto...

    sanyang 評(píng)論0 收藏0

  • es6學(xué)習(xí)筆記-module_v1.0_byKL

    摘要：學(xué)習(xí)模塊不是對(duì)象，而是通過(guò)命令顯式指定輸出的代碼，輸入時(shí)也采用靜態(tài)命令的形式。的模塊自動(dòng)采用嚴(yán)格模式命令用于規(guī)定模塊的對(duì)外接口，命令用于輸入其他模塊提供的功能。該文件內(nèi)部的所有變量，外部無(wú)法獲取。 es6 學(xué)習(xí)-module_v1.0 ES6模塊不是對(duì)象，而是通過(guò)export命令顯式指定輸出的代碼，輸入時(shí)也采用靜態(tài)命令的形式。 ES6的模塊自動(dòng)采用嚴(yán)格模式 export命令用于規(guī)定模...

    VishKozus 評(píng)論0 收藏0

  • 富婆給你說(shuō)require、import和export

    摘要：所有依賴這個(gè)模塊的語(yǔ)句，都定義在一個(gè)回調(diào)函數(shù)中，等到加載完成之后，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。目前，主要有兩個(gè)庫(kù)實(shí)現(xiàn)了規(guī)范和。這些導(dǎo)出對(duì)象用名稱進(jìn)行區(qū)分，稱之為命名式導(dǎo)出。 簡(jiǎn)單粗暴，富婆給你說(shuō)，其實(shí)我也沒(méi)太搞明白，最近看了一篇文章我才理清了一點(diǎn)點(diǎn)思路，最近整日沉迷于肥宅快樂(lè)水，技術(shù)都跟不上了，來(lái)篇文章，提神醒腦，朝著我的富婆夢(mèng)更近一步，早日走上富婆路，包養(yǎng)我家大狼狗！?。?為什么有模塊概念...

    cod7ce 評(píng)論0 收藏0

  • 富婆給你說(shuō)require、import和export

    摘要：所有依賴這個(gè)模塊的語(yǔ)句，都定義在一個(gè)回調(diào)函數(shù)中，等到加載完成之后，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。目前，主要有兩個(gè)庫(kù)實(shí)現(xiàn)了規(guī)范和。這些導(dǎo)出對(duì)象用名稱進(jìn)行區(qū)分，稱之為命名式導(dǎo)出。 簡(jiǎn)單粗暴，富婆給你說(shuō)，其實(shí)我也沒(méi)太搞明白，最近看了一篇文章我才理清了一點(diǎn)點(diǎn)思路，最近整日沉迷于肥宅快樂(lè)水，技術(shù)都跟不上了，來(lái)篇文章，提神醒腦，朝著我的富婆夢(mèng)更近一步，早日走上富婆路，包養(yǎng)我家大狼狗?。。?為什么有模塊概念...

    sourcenode 評(píng)論0 收藏0

  • 這幾個(gè)概念你可能還是沒(méi)搞清require、import和export

    摘要：如果這個(gè)模塊還依賴其他模塊，那么函數(shù)的第一個(gè)參數(shù)，必須是一個(gè)數(shù)組，指明該模塊的依賴性。目前，主要有兩個(gè)庫(kù)實(shí)現(xiàn)了規(guī)范和。這些導(dǎo)出對(duì)象用名稱進(jìn)行區(qū)分，稱之為命名式導(dǎo)出。簡(jiǎn)單粗暴，富婆給你說(shuō)，其實(shí)我也沒(méi)太搞明白，最近看了一篇文章我才理清了一點(diǎn)點(diǎn)思路，最近整日沉迷于肥宅快樂(lè)水，技術(shù)都跟不上了，來(lái)篇文章，提神醒腦，朝著我的富婆夢(mèng)更近一步，早日走上富婆路，包養(yǎng)我家大狼狗?。?！ 為什么有模塊概念 理想情況...

    only_do 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<