目录
- 1,什么是包装类型
- 2,作用
- 3,和其他引用类型的区别
- 4,如何为基本类型添加属性或方法
1,什么是包装类型
在 js 中,数据类型分为基本数据类型和引用数据类型。
而这2个类型有个明显的区别:引用类型有自己内置的方法(在原型上),也可以自定义其他方法来操作数据。
可是日常开发中,好像基本类型也可以使用方法吧,看个例子:
const str = 'hello'
const str2 = str.indexOf('e')
console.log(str2) // 1
str
是基本数据类型,但却能调用方法。是因为在执行第2行代码时,会隐式的做如下操作
- 自动创建
String
类型的一个实例。 - 调用实例(对象)上指定的方法。
- 销毁这个实例。
这个String
类型,就是包装类型,是一种特殊的引用类型。在 JS 中有3个:String
,Number
,Boolean
代码解释上面的例子:
const str = 'hello'
const str2 = str.indexOf('e')
//
(const _str = new String('hello'); // 找到对应的包装类型,然后创建出一个和基本类型值相同的实例const str2 = _str.charAt(0); // 实例可以调用包装类型原型上的方法,并返回结给 str2_str = null; // 之后这个临时创建的实例就被销毁了,str = null
)
//
console.log(str2) // 1
2,作用
通过上面的例子也可以看出:为了更方便对字符串、数值、布尔值这三种基本数据类型的数据进行更多操作。
3,和其他引用类型的区别
包装类型和其他引用类型,创建出的实例的生存期不同,导致基本包装类型无法动态自定义属性和方法。
举例:
const str = 'hello'
str.test = '求关注'
console.log(str.test) // undefined
首先,什么时候会自动创建对象的包装类型的实例,取决于当前指定的代码是否为了获取值。并且该实例只存在于代码的执行瞬间,执行完毕就会销毁。
所以,上面第2,3行代码都在获取值,都会自动创建一次。
代码解释上面的例子:
const str = 'hello';
str.test = '求关注';
//
(const _str = new String('hello');_str.test = '求关注'; // 为这个实例添加 test 属性_str = null; // 实例被销毁
)
//
console.log(str.test); // undefined 后台重复上面的步骤
(const _str = new String('hello');console.log(_str.test); // 因为实例没有 test 属性,所以打印出 undefined;_str = null;
)
//
4,如何为基本类型添加属性或方法
答案是:加在包装类型对象的原型上。
const str = 'hello';
String.prototype.myName= '下雪天的夏风'
console.log(str.myName)
//
(const _str = new String('hello');console.log(_str.myName) // 打印 '下雪天的夏风'_str = null;
)
//
以上。