JavaScript 包装对象

红太狼 2020-05-26 15:31 754阅读 0赞

# JavaScript 包装对象

无论生活中还是工作中，都有很多习以为常的现象或者认为理所应当的事情。

但如果真去探究其中的来龙去脉或原理，可能未必能那么清晰，甚至让人感觉匪夷所思。

如苹果落地现象，普通人肯定感觉这是理所当然的事情，如果不是牛顿多思，岂能发现万有引力。

由此可见，学习中要重视每一个细节，因为里面可能隐藏着自己尚未掌握的知识。

JavaScript中 也有类似的现象，首先看一段简单代码实例：

```javascript
var str = "antzone";
console.log(str.length);
```

代码运行效果截图如下：

![](/images/1590507047960.png)

上面代码非常简单，通过 length 属性获取字符串包含的字符的个数。

但是如果深究下去可能会产生一些疑问，分步阐述如下：

（1）.JavaScript 数据分为值类型与引用类型，引用类型也就是通常所说的对象。

（2）.只有对象才有可能拥有方法或者属性，然后通过点（.）或者其他方式使用这些属性或者方法。

（3）.但上面 str 很明是一个值类型数据，为什么也能够使用 length 属性。

**上述现象分析如下：**

（1）."antzone" 确实是值类型数据，但是当通过点（.）使用 length 属性的时候。

（2）.内部会自动将值类型数据临时转换为对应的字符串对象，于是就可以使用此属性了。

（3）.这是一个临时包装对象。

（4）.此临时包装对象会在调用完属性后被立即销毁。

再来看一段代码简单的代码实例：

```javascript
var str = "antzone";
str.len = 5;
console.log(str.len)
```

代码运行效果截图如下：

![](/images/1590507034430.png)

上述代码打印结果为 undefined，代码分析如下：

（1）.当为自定义属性 len 赋值的时候，会生成一个包装对象。

（2）.此包装对象会在赋值结束后立马被销毁，自然 len 属性值也被一并销毁。

（3）.当打印 str.len 时，又会临时生成一个包装对象，此时 len 值是 undefined。

**JavaScript 具有的包装对象：**

具有三个包装对象，分别是 String，Number 和 Boolean。

分别对应着 字符串、数值和布尔，都是一样的原理，不再多介绍。

发表评论取消回复

表情：

评论列表（有 0 条评论，754人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript】内置对象 - 字符串对象 ① ( 基本包装类型 | 三种基本装包类型 - String / Number / Boolean | 包装过程触发条件 | 包装过程 )

一、基本包装类型引入1、字符串类型变量示例2、基本包装类型引入二、基本包装类型1、三种基本装包类型 - String / Number / Boolean2、包装过程触发...

Dear 丶/ 2024年05月28日 10:07/ 0 赞/ 54 阅读

相关包装类对象

字符串、布尔值、数字都是可以调用方法的，尤其是字符串，有很多的方法可以调用，那么他们的原理是什么呢？ 1、字符串的原型上的方法 var str = new St

向右看齐/ 2023年02月20日 04:58/ 0 赞/ 178 阅读

相关试题：对象包装类

var str = "abcd" str.length = 2 // new String("abcd").length = 2 ; delete

川长思鸟来/ 2022年12月04日 01:29/ 0 赞/ 177 阅读

相关高级面向对象之包装对象

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>包装对

叁歲伎倆/ 2022年06月14日 05:18/ 0 赞/ 289 阅读

相关 mybatis中使用包装对象

在实际的应用中，很多时候我们需要的查询条件都是一个综合的查询条件，因此我们需要对已经存在的实体进行再一次的包装，以方便我们进行查询操作，于是包装对象的作用就很明显了,在这里我举

比眉伴天荒/ 2022年06月08日 08:16/ 0 赞/ 175 阅读

相关 JavaScript-对象，包装类

对象在JavaScript中是没有类的概念的，只有对象。无论是字符串，数值，数组还是函数，其本质都是对象。对象的创建方法: 1:var obj=\{\} pla

客官°小女子只卖身不卖艺/ 2022年05月28日 12:39/ 0 赞/ 241 阅读

相关 JavaScript包装对象

1.前言 JavaScript中的对象是可变的键控集合，在JavaScript中，数组、函数、正则表达式和对象都是对象。 JavaScript对象是属性或已命名值的集合。通

港控/mmm°/ 2022年04月18日 04:04/ 0 赞/ 176 阅读

相关 JavaScript中包装类型

先看一道题：下面哪些语句可以在JS里判断一个对象oStringObject是否为String。 oStringObject instanceof String

港控/mmm°/ 2022年02月20日 14:43/ 0 赞/ 219 阅读

相关包装对象

var s='this is a string'; alert(s.length);//16 alert(s.indexOf('is'));//2 值类型不是对象类型,但

叁歲伎倆/ 2021年09月16日 02:56/ 0 赞/ 355 阅读

相关 JavaScript 包装对象

JavaScript 包装对象无论生活中还是工作中，都有很多习以为常的现象或者认为理所应当的事情。但如果真去探究其中的来龙去脉或原理，可能未必能那么清晰，甚至让人感觉...

红太狼/ 2020年05月26日 15:31/ 0 赞/ 755 阅读