JS原始類型為什么能調用方法原理詳解
更新時間：2023年06月11日 11:08:23 作者：BigDipper
這篇文章主要為大家介紹了JS原始類型為什么能調用方法原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
引言
參考地址：原始類型的方法
假如，有這樣一段代碼，將字符串轉換為大寫：
let str = 'abc'; str.toUpperCase(); // 'ABC'
存儲多個屬性
這是一段簡單又普通的代碼，按說str是字符串類型，它存儲的是一個單值，并且是不可變的，它不能像對象那樣，可以存儲多個屬性，像這樣：
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那么，為什么原始類型（比如字符串）能夠調用方法（比如toUpperCase()）呢？
其原理是：為了使方法起作用，創(chuàng)建了提供額外功能的特殊“對象包裝器”，使用后即被銷毀。
“對象包裝器”對于每種原始類型都是不同的，它們被稱為 String、Number、Boolean、Symbol 和 BigInt。因此，它們提供了不同的方法。
以之前的代碼為例：
let str = 'abc'; str.toUpperCase(); // 'ABC'
實際發(fā)生的情況：
- 字符串
str是一個原始值。因此，在訪問其屬性時，會創(chuàng)建一個包含字符串字面值的特殊對象，并且具有可用的方法，例如toUpperCase()。 - 該方法運行并返回一個新的字符串。
- 特殊對象被銷毀，只留下原始值
str。
所以原始類型可以提供方法，但它們依然是輕量級的。
JavaScript 引擎高度優(yōu)化了這個過程。它甚至可能跳過創(chuàng)建額外的對象。但是它仍然必須遵守規(guī)范，并且表現(xiàn)得好像它創(chuàng)建了一樣。
以上就是JS原始類型為什么能調用方法原理詳解的詳細內容，更多關于JS原始類型調用方法的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了微信小程序獲取用戶openId的實現(xiàn)方法的相關資料,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了 微信小程序 設置啟動頁面的方法的相關資料,這里對設置啟動頁面的兩種方法分別介紹，需要的朋友可以參考下2017-03-03
uniApp學習之熱門搜索，搜索數(shù)據(jù)頁面緩存實例
這篇文章主要介紹了uniApp學習之熱門搜索,搜索數(shù)據(jù)頁面緩存實例,需要的朋友可以參考下2023-10-10
JSBridge是一座用JavaScript搭建起來的橋，搭建這座橋的目的也很簡單，讓native可以調用web的js代碼，讓web可以 “調用” 原生的代碼。本文主要通過分析源碼講解jsBridge的運行機制，感興趣的朋友一起來看看吧2021-09-09
這篇文章主要為大家介紹了js類型判斷內部實現(xiàn)原理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了微信小程序本作用域下調用全局JS詳解及實例的相關資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家介紹了electron渲染進程主進程相互傳值示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了Javascript 常見的高階函數(shù)的相關資料，高階函數(shù)，英文叫 Higher Order function。一個函數(shù)可以接收另外一個函數(shù)作為參數(shù)，這種函數(shù)就叫做高階函數(shù),需要的朋友可以參考一下2021-09-09
這篇文章主要為大家介紹了通用化解決個性化文字換行問題實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了JavaScript 定時器，在JavaScript中定時器有兩個 setInterval() 與 setTimeout() 分別還有取消定時器的方法，下面來看看文章的詳細介紹2021-11-11