JS基础——Javascript的装箱和拆箱

最新推荐文章于 2022-07-26 11:35:40 发布

ムラサキ

最新推荐文章于 2022-07-26 11:35:40 发布

阅读量470

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/ZKH129/article/details/125549591

版权

本文介绍了JavaScript中基本数据类型和引用数据类型之间的转换，即装箱和拆箱操作。装箱是指将基本数据类型转化为引用数据类型，如在调用方法`indexOf`时，JS内部会隐式创建一个String实例，执行方法后再销毁。而拆箱则是将引用数据类型转化为基本数据类型，通常通过`valueOf`或`toString`方法实现。理解这一过程对于深入理解JavaScript的内存管理和类型转换至关重要。

摘要由CSDN通过智能技术生成

一、装箱

装箱：把基本数据类型转化为对应的引用数据类型的操作

const s1 = 'helloWorld'
const index = s1.indexOf('e')
console.log(index) // 1

s1是一个基本数据类型，他又是怎么调用indexOf方法的呢？实际上，JS在内部做了装箱的操作：

创建String类型的一个实例；
在实例上调用指定的方法；
销毁这个实例；

var temp = new String('helloWorld')
const index = temp.indexOf('e')
temp = null
console.log(index) // 1

二、拆箱

拆箱：将引用数据类型转化为对应的基本数据类型的操作（通过valueOf和toString方法）

var objNum = new Number(123);  
var objStr =new String("123");   
console.log( typeof objNum ); //object
console.log( typeof objStr ); //object 
console.log( typeof objNum.valueOf() ); //number
console.log( typeof objStr.valueOf() ); //string

console.log( typeof objNum.toString() ); // string 
console.log( typeof objStr.toString() ); // string