三种原始类型的值—— 数值、字符串、布尔值
——在一定条件下,也会自动转为对象,也就是原始类型的“包装对象”(wrapper)。
所谓“包装对象”,指的是与数值、字符串、布尔值分别相对应的Number
、String
、Boolean
三个原生对象。这三个原生对象可以把原始类型的值变成(包装成)对象。
- 可以利用`Number`、`String`、`Boolean`把原始类型的值变成对象
let num = new Number(123);
typeof(num)
- 包装对象的设计目的,首先是使得“对象”这种类型可以覆盖 JavaScript 所有的值,整门语言有一个通用的数据模型,其次是使得原始类型的值也有办法调用自己的方法。
- Number、String和Boolean这三个原生对象,如果不作为构造函数调用(即调用时不加new),而是作为普通函数调用,常常用于将任意类型的值转为数值、字符串和布尔值。
Number('1') // 1
String(21) // '21'
Boolean(1) // true
// ,这三个对象作为构造函数使用(带有new)时,可以将原始类型的值转为对象;作为普通函数使用时(不带有new),可以将任意类型的值,转为原始类型的值。
实例方法
三种包装对象各自提供了许多实例方法,包括从Object
对象继承的方法:valueOf()
和toString()
。
- valueOf():返回包装对象实例对应的原始类型的值
new Number(123).valueOf(); //123
new String('xiaoyu').valueOf(); //'xiaoyu'
new Boolean(1).valueOf(); //true
- toString(): 返回对应的字符串形式
new Number(123).toString(); // '123'
new String('xiaoyu').toString(); //'xiaoyu'
new Boolean(1).toString(); // 'true'
原型类型与实实例对象的自动转换
某些场合,原始类型的值会自动当作包装对象调用,即调用包装对象的属性和方法。这时,JavaScript 引擎会自动将原始类型的值转为包装对象实例,并在使用后立刻销毁实例。
- abc本身是一个字符串,不是对象,不能调用length属性,但Js会自动将其转为包装对象,在对象上调用length属性。调用结束会将这个临时对象销毁。这就叫原始类型与实例对象的自动转换。
'abc'.length // 3
- 自动转换生成的包装对象是只读的,无法修改。所以,字符串无法添加新属性
'abc'.x = 123;
'abc'.x // undefined
// 如果要为字符串添加属性,只有在它的原型对象String.prototype上定义
自定义方法
- 除了原生的实例方法,包装对象还可以自定义方法和属性,供原始类型的值直接调用。
String.prototype.double = function () {
return this.valueOf() + this.valueOf();
};
'yu'.double() // 'yuyu'
Number.prototype.double = function () {
return this.valueOf() + this.valueOf();
};
(123).double() // 246