搜尋
首頁web前端H5教程exports和module.expors之間有什麼區別及聯繫?

exports和module.expors之間有什麼區別及聯繫?

Jan 08, 2019 am 10:50 AM
html5javascriptnode.js

這篇文章帶給大家的內容是關於exports和module.expors之間有什麼差別及連結?有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

我們在模組化開發中,必須會用到exports/module.exports這兩個玩意導出變數或函數。因為模組化開發中的每個模組都有自己的模組作用域。
例如:

//a.js
var foo = '苏小猫'
//b.js
console.log(foo)

我們在b.js中是沒辦法存取到a.js中的foo變量,所以b.js輸出的是「undefine」。如果我們想在b.js模組中存取a.js中的foo變量,我們必須在a.js中用exports或module.exports導出foo變數。
例如

//a.js
var foo = '苏小猫';

module.exports = foo;
//b.js
var foo = require('./b.js');

console.log(foo);

exportsmodule.expors的關係和差別?

在開發中,我們很糾結到底用exports還是module.exports,其實exports跟module.exports就是一個玩意,exports只是module.exports的引用。 exports跟module.exports是等價的。我們可以在node裡測試一下。

exports和module.expors之間有什麼區別及聯繫?

每個模組最終回傳的還是return module.exports;

在我們平常的理解​​中導出單一變數或單個函數就用module.exports;

module.exports = function(){
    console.log("在你心里种点Bnum")
}

//我们require之后就会得到一个[Function]

導出多個變數就用exports;

exports.name = "苏小猫"
exports.tree = function(){
    console.log("在你心里种点Bnum")
}
//我们require之后就会得到一个对象{name:"苏小猫",tree:[Function]}

exports和module.exports本身就是一個空對象,exports.xxx就等於在一個物件裡面添加東西。

為什麼module.exports導出的是單一?

因為它本來就是空對象,module.exports=xxx。現在你重新賦值它了,所以它只導出這個xxx。

exports和module.expors之間有什麼區別及聯繫?

如果給exports(exports={})重新賦值,這時它的意義就不同了;現在的exports,跟module.exports沒有了半毛錢的關係了,exports.xxx = xxx;再往裡面加東西已經不會再影響最後回傳回來的return module.exports了。

exports和module.expors之間有什麼區別及聯繫?

看,現在age已經不進入最後的return module.exports裡面了。

如果還想繼續用exports.xxx,那就得重新再給module.exports賦值給exports。

exports和module.expors之間有什麼區別及聯繫?

看,現在又生效了。

如果很糾結在開發中到底用很exports,還是module.exports,那就忘記exports吧(忘記它,我們不需要備胎,哈哈哈哈)。
一開始就是說了,exports本身就是module.exports的一個引用。 exports能做的module.exports都能做。例如導出多個變數或者函數。

exports和module.expors之間有什麼區別及聯繫?

以上是exports和module.expors之間有什麼區別及聯繫?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:segmentfault。如有侵權,請聯絡admin@php.cn刪除
H5:網絡內容和設計的未來H5:網絡內容和設計的未來May 01, 2025 am 12:12 AM

H5(HTML5)將通過新元素和API提升網頁內容和設計。 1)H5增強了語義化標記和多媒體支持。 2)它引入了Canvas和SVG,豐富了網頁設計。 3)H5的工作原理是通過新標籤和API擴展HTML功能。 4)基本用法包括使用創建圖形,高級用法涉及WebStorageAPI。 5)開發者需注意瀏覽器兼容性和性能優化。

H5:網絡開發的新功能和功能H5:網絡開發的新功能和功能Apr 29, 2025 am 12:07 AM

H5帶來了多項新功能和能力,極大提升了網頁的互動性和開發效率。 1.語義化標籤如、增強了SEO。 2.多媒體支持通過和標籤簡化了音視頻播放。 3.Canvas繪圖提供了動態圖形繪製工具。 4.本地存儲通過localStorage和sessionStorage簡化了數據存儲。 5.地理位置API便於開發基於位置的服務。

H5:HTML5的關鍵改進H5:HTML5的關鍵改進Apr 28, 2025 am 12:26 AM

HTML5帶來了五個關鍵改進:1.語義化標籤提升了代碼清晰度和SEO效果;2.多媒體支持簡化了視頻和音頻嵌入;3.表單增強簡化了驗證;4.離線與本地存儲提高了用戶體驗;5.畫布與圖形功能增強了網頁的可視化效果。

HTML5:標準及其對Web開發的影響HTML5:標準及其對Web開發的影響Apr 27, 2025 am 12:12 AM

HTML5的核心特性包括語義化標籤、多媒體支持、離線存儲與本地存儲、表單增強。 1.語義化標籤如、等,提升代碼可讀性和SEO效果。 2.和標籤簡化多媒體嵌入。 3.離線存儲和本地存儲如ApplicationCache和LocalStorage,支持無網絡運行和數據存儲。 4.表單增強引入新輸入類型和驗證屬性,簡化處理和驗證。

H5代碼示例:實際應用和教程H5代碼示例:實際應用和教程Apr 25, 2025 am 12:10 AM

H5提供了多種新特性和功能,極大地增強了前端開發的能力。 1.多媒體支持:通過和元素嵌入媒體,無需插件。 2.畫布(Canvas):使用元素動態渲染2D圖形和動畫。 3.本地存儲:通過localStorage和sessionStorage實現數據持久化存儲,提升用戶體驗。

H5和HTML5之間的連接:相似性和差異H5和HTML5之間的連接:相似性和差異Apr 24, 2025 am 12:01 AM

H5和HTML5是不同的概念:HTML5是HTML的一個版本,包含新元素和API;H5是基於HTML5的移動應用開發框架。 HTML5通過瀏覽器解析和渲染代碼,H5應用則需要容器運行並通過JavaScript與原生代碼交互。

H5代碼的基礎:密鑰元素及其目的H5代碼的基礎:密鑰元素及其目的Apr 23, 2025 am 12:09 AM

HTML5的關鍵元素包括、、、、、等,用於構建現代網頁。 1.定義頭部內容,2.用於導航鏈接,3.表示獨立文章內容,4.組織頁面內容,5.展示側邊欄內容,6.定義頁腳,這些元素增強了網頁的結構和功能性。

HTML5和H5:了解常見用法HTML5和H5:了解常見用法Apr 22, 2025 am 12:01 AM

HTML5和H5沒有區別,H5是HTML5的簡稱。 1.HTML5是HTML的第五個版本,增強了網頁的多媒體和交互功能。 2.H5常用於指代基於HTML5的移動網頁或應用,適用於各種移動設備。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。