JS - 包装类型

2023-12-13 10:25:50

1,什么是包装类型

在 js 中,数据类型分为基本数据类型和引用数据类型。

而这2个类型有个明显的区别:引用类型有自己内置的方法(在原型上),也可以自定义其他方法来操作数据。

可是日常开发中,好像基本类型也可以使用方法吧,看个例子:

const str = 'hello'
const str2 = str.indexOf('e')
console.log(str2) // 1

str 是基本数据类型,但却能调用方法。是因为在执行第2行代码时,会隐式的做如下操作

  1. 自动创建 String 类型的一个实例。
  2. 调用实例(对象)上指定的方法。
  3. 销毁这个实例。

这个String 类型,就是包装类型,是一种特殊的引用类型。在 JS 中有3个:StringNumberBoolean

代码解释上面的例子:

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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。