JS - 包装类型
2023-12-13 10:25:50
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.indexOf('e'); // 实例可以调用包装类型原型上的方法,并返回结给 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;
)
//
以上。
文章来源:https://blog.csdn.net/qq_40147756/article/details/134832527
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!