webpack使用Symbol.toStringTag(Symbol.toStringTag用法)
Symbol.toStringTag是一個(gè)內(nèi)置 symbol，它通常作為對(duì)象的屬性鍵使用，對(duì)應(yīng)的屬性值應(yīng)該為字符串類型，這個(gè)字符串用來(lái)表示該對(duì)象的自定義類型標(biāo)簽，通常只有內(nèi)置的Object.prototype.toString()方法會(huì)去讀取這個(gè)標(biāo)簽并把它包含在自己的返回值里。
| Symbol.toStringTag屬性的屬性特性： | |
|---|---|
| writable | false |
| enumerable | false |
| configurable | false |
Symbol.toStringTag用法
Symbol.toStringTag 作用
對(duì)象上的Symbol.toStringTag屬性用于對(duì)象toString類型標(biāo)識(shí)
Symbol.toStringTag 解釋
對(duì)象調(diào)用toString方法，如果這個(gè)屬性存在，它的返回值會(huì)出現(xiàn)在toString方法返回的字符串之中，表示對(duì)象的類型。
webpack中也有使用，用于定義模塊導(dǎo)出exports添加Module類型的屬性
webpack使用Symbol.toStringTag
export.toString(export);
function __webpack_require__() {
// ....
}
__webpack_require__.r = function(exports){
if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
Object.defineProperty(exports, Symbol.toStringTag, {value: 'Module'});
}
Object.defineProperty(exports, '__esModule', {value: true});
}
const exports = {};
__webpack_require__.r(exports);
console.log('exports', exports);
// {__esModule: true, Symbol(Symbol.toStringTag): "Module"}
console.log('exports toString', exports.toString());
// [object Module]總結(jié)
Symbol.toStringTag屬性可以用來(lái)定制toString方法返回[object Object]或[object Array]中object后面的那個(gè)字符串標(biāo)識(shí)對(duì)象類型
到此這篇關(guān)于webpack使用Symbol.toStringTag(Symbol.toStringTag用法)的文章就介紹到這了,更多相關(guān)Symbol.toStringTag用法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
uniapp制作一個(gè)收縮通訊錄的實(shí)現(xiàn)代碼
這篇文章主要介紹了uniapp制作一個(gè)收縮通訊錄的實(shí)現(xiàn)代碼,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)Swiper輪播圖效果，文中示例代碼介紹的非常詳細(xì)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了使用gulp構(gòu)建前端自動(dòng)化的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要介紹了javascript繼承，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JavaScript正則表達(dá)式.test()基礎(chǔ)講解與實(shí)際應(yīng)用案例
正則表達(dá)式是JavaScript中處理字符串的強(qiáng)大工具,而test()方法則是其中最常用的方法之一,這篇文章主要介紹了JavaScript正則表達(dá)式.test()基礎(chǔ)講解與實(shí)際應(yīng)用案例的相關(guān)資料,需要的朋友可以參考下2026-05-05
js圖片上傳中file、bolb、base64圖片之間的相互轉(zhuǎn)化
這篇文章主要介紹了js圖片上傳中file、bolb、base64圖片之間的相互轉(zhuǎn)化,blob轉(zhuǎn)file,blob轉(zhuǎn)base64,base64轉(zhuǎn)file,使用canvas壓縮圖片,需要的朋友可以參考下2022-05-05
Util.js文件包含了一些工具函數(shù)，來(lái)幫助人們使用JavaScript數(shù)據(jù)（例如從服務(wù)器返回的數(shù)據(jù)）來(lái)更新Web頁(yè)面。有需要的小伙伴可以參考下2015-06-06
基于js Canvas實(shí)現(xiàn)二次貝塞爾曲線
這篇文章主要為大家詳細(xì)介紹了基于js Canvas實(shí)現(xiàn)二次貝塞爾曲線，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
TypeScript 引用資源文件后提示找不到的異常處理技巧
這篇文章主要介紹了TypeScript 引用資源文件后提示找不到的異常處理,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
本文主要介紹了js獲取Element元素的四種常用方法,通過(guò)介紹getElementById、getElementsByClassName、getElementsByTagName和querySelector等方法,幫助讀者了解如何通過(guò)不同的方式獲取頁(yè)面中的元素,感興趣的可以了解一下2023-08-08