JS原始類型為什么能調(diào)用方法原理詳解
引言
參考地址:原始類型的方法
假如,有這樣一段代碼,將字符串轉(zhuǎn)換為大寫:
let str = 'abc'; str.toUpperCase(); // 'ABC'
存儲(chǔ)多個(gè)屬性
這是一段簡單又普通的代碼,按說str是字符串類型,它存儲(chǔ)的是一個(gè)單值,并且是不可變的,它不能像對(duì)象那樣,可以存儲(chǔ)多個(gè)屬性,像這樣:
let user = {};
user.name = '張三';
user.say = function () {
return '你好';
};
user.name; // 張三
user.say(); // 你好不能給普通類型添加屬性
通過代碼可以看到,不能給普通類型添加屬性
let user = '';
user.name = '張三';
user.say = function () {
return '你好';
};
user.age; // undefined
user.say(); // user.say is not a function那么,為什么原始類型(比如字符串)能夠調(diào)用方法(比如toUpperCase())呢?
其原理是:為了使方法起作用,創(chuàng)建了提供額外功能的特殊“對(duì)象包裝器”,使用后即被銷毀。
“對(duì)象包裝器”對(duì)于每種原始類型都是不同的,它們被稱為 String、Number、Boolean、Symbol 和 BigInt。因此,它們提供了不同的方法。
以之前的代碼為例:
let str = 'abc'; str.toUpperCase(); // 'ABC'
實(shí)際發(fā)生的情況:
- 字符串
str是一個(gè)原始值。因此,在訪問其屬性時(shí),會(huì)創(chuàng)建一個(gè)包含字符串字面值的特殊對(duì)象,并且具有可用的方法,例如toUpperCase()。 - 該方法運(yùn)行并返回一個(gè)新的字符串。
- 特殊對(duì)象被銷毀,只留下原始值
str。
所以原始類型可以提供方法,但它們依然是輕量級(jí)的。
JavaScript 引擎高度優(yōu)化了這個(gè)過程。它甚至可能跳過創(chuàng)建額外的對(duì)象。但是它仍然必須遵守規(guī)范,并且表現(xiàn)得好像它創(chuàng)建了一樣。
以上就是JS原始類型為什么能調(diào)用方法原理詳解的詳細(xì)內(nèi)容,更多關(guān)于JS原始類型調(diào)用方法的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
微信小程序 合法域名校驗(yàn)出錯(cuò)詳解及解決辦法
這篇文章主要介紹了微信小程序 合法域名校驗(yàn)出錯(cuò)詳解及解決辦法的相關(guān)資料,需要的朋友可以參考下2017-03-03
微信小程序 animation API詳解及實(shí)例代碼
這篇文章主要介紹了 微信小程序 animation API詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
JS前端使用canvas實(shí)現(xiàn)擴(kuò)展物體類和事件派發(fā)
這篇文章主要為大家介紹了JS前端使用canvas實(shí)現(xiàn)擴(kuò)展物體類和事件派發(fā)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
Flutter?WebView性能優(yōu)化使h5像原生頁面一樣優(yōu)秀
Javascript中彈窗confirm與prompt的區(qū)別

