JavaScript 自动装箱和自动拆箱

逃离我推掉我的手 2023-09-30 08:05 4阅读 0赞

学过Java的时候都知道，Java有自动装箱和自动拆箱，其实js也有。

我们常说“js万物皆对象”，但是基本类型不是对象，它只有一个值，没有属性和方法。自动装箱的作用就是让基本类型可以表现的像对象。

但是对象对象又不能直接参与运算，所以它需要适时的转成基本类型的值，这个过程叫做自动拆箱。

# 基本类型和包装类 #

自动装箱对应的是基本类型到包装的转化，自动拆箱反之。js有 7 种基本类型：`undefined`、`null`、`string`、`boolean`、`number`、`bigint`、`symbol`。其中只有  
`string`、`boolean`、`number`具有包装类，分别是`String`、`Boolean`、`Number`。

# 手动装箱和拆箱 #

装箱就是调用对应包装类的构造方法：

var str = new String('hello');
    var bool = new Boolean(true);
    var num = new Number(123);

拆箱就是调用实例的`valueOf`或`toString`方法：

new String('hello').valueOf() === 'hello'; // true
    new Boolean(true).valueOf() === true; // true
    new Number(123).valueOf() === 123; // true

# 自动装箱和自动拆箱 #

这里强调的“自动”，也就是装箱和拆箱是隐式发生的。

> 当尝试调用基本类型的属性和方法的时候就会发生自动装箱。

'hello'.toString(); // string自动装箱
    true.toString(); // boolean自动装箱
    99.99.toString(); // number自动装箱

基本类型没有属性和方法，这里之所以能调用，是因为发生了自动装箱，相当于：

new String('hello').toString();
    new Boolean(true).toString();
    new Number(99.99).toString();

有一点需要注意，整数的字面量形式是没法直接自动装箱的：