黄子涵

3.6 包装对象

JavaScript 对象是一种复合值:它是属性或已命名值的集合。通过“.”符号来引用属性值。当属性值是一个函数的时候,称其为方法。通过o.m()来调用对象o中的方法。

我们看到字符串也同样具有属性和方法:

var s = "hello world!";	                                // 一个字符串
var word = s.substring(s.indexOf(" ")+1, s.length);     //使用字符串的属性

字符串既然不是对象,为什么它会有属性呢?只要引用了字符串 s 的属性,JavaScript 就会将字符串值通过调用new String(s)的方式转换成对象,这个对象继承了字符串的方法,并被用来处理属性的引用。一旦属性引用结束,这个新创建的对象就会销毁(其实在实现上并不一定创建或销毁这个临时对象,然而整个过程看起来是这样)。

同字符串一样,数字和布尔值也具有各自的方法:通过Number()Boolean()构造函数创建一个临时对象,这些方法的调用均是来自于这个临时对象。null 和 undefined 没有包装对象:访问它们的属性会造成一个类型错误。

看如下代码,思考它们的执行结果:

var s = "test";     //创建一个字符串
s.len = 4;          //给它设置一个属性
var t = s.len;      //査询这个属性
var s = "test";     //创建一个字符串
s.len = 4;          //给它设置一个属性
var t = s.len;      //査询这个属性
console.log("输出s字符串:");
console.log(s);
console.log("");
console.log("输出s.len属性:");
console.log(s.len);
console.log("");
console.log("输出t变量:");
console.log(t);
[Running] node "e:\HMV\JavaScript\JavaScript.js"
输出s字符串:
test

输出s.len属性:
undefined

输出t变量:
undefined

[Done] exited with code=0 in 0.181 seconds

当运行这段代码时,t 的值是 undefined。第二行代码创建一个临时字符串对象,并给其 len 属性赋值为 4,随即销毁这个对象。第三行通过原始的(没有被修改过)字符串值创建一个新字符串对象,尝试读取其 len 属性,这个属性自然不存在,表达式求值结果为 undefined。这段代码说明了在读取字符串、数字和布尔值的属性值(或方法)的时候,表现的像对象一样。但如果你试图给其属性赋值,则会忽略这个操作:修改只是发生在临时对象身上,而这个临时对象并未继续保留下来。

存取字符串、数字或布尔值的属性时创建的临时对象称做包装对象,它只是偶尔用来区分字符串值和字符串对象、数字和数值对象以及布尔值和布尔对象。通常,包装对象只是被看做是一种实现细节,而不用特别关注。由于字符串、数字和布尔值的属性都是只读的,并且不能给它们定义新属性,因此你需要明白它们是有别于对象的。

需要注意的是,可通过String()Number()Boolean()构造函数来显式创建包装对象:

var s = "test", n = 1, b = true;     //一个字符串、数字和布尔值 
var S = new String(s);               //一个字符串对象
var N = new Number(n);               //一个数值对象
var B = new Boolean(b);              //一个布尔对象
var s = "test", n = 1, b = true;     //一个字符串、数字和布尔值 
var S = new String(s);               //一个字符串对象
var N = new Number(n);               //一个数值对象
var B = new Boolean(b);              //一个布尔对象
console.log("输出字符串s:");
console.log(s);
console.log("");
console.log("输出字符串对象S:");
console.log(S);
console.log("");
console.log("输出数值对象N:");
console.log(N);
console.log("");
console.log("输出布尔对象B:");
console.log(B);
[Running] node "e:\HMV\JavaScript\JavaScript.js"
输出字符串s:
test

输出字符串对象S:
[String: 'test']

输出数值对象N:
[Number: 1]

输出布尔对象B:
[Boolean: true]

[Done] exited with code=0 in 0.195 seconds

JavaScript 会在必要时将包装对象转换成原始值,因此上段代码中的对象S、N和B常 常一一但不总是——表现的和值s、n和b一样。"==”等于运算符将原始值和其包装对象视为相等,但“===”全等运算符将它们视为不等。

var s = "test", n = 1, b = true;     //一个字符串、数字和布尔值 
var S = new String(s);               //一个字符串对象
var N = new Number(n);               //一个数值对象
var B = new Boolean(b);              //一个布尔对象
console.log("判断字符串和字符串对象是否相等:");
console.log(s == S);
console.log("");
console.log("判断字符串和字符串对象是否严格相等:");
console.log(s === S);
console.log("");
console.log("判断数字和数值对象是否相等:");
console.log(n == N);
console.log("");
console.log("判断数字和数值对象是否严格相等:");
console.log(n === N);
console.log("");
console.log("判断布尔值和布尔对象是否相等:");
console.log(b == B);
console.log("");
console.log("判断布尔值和布尔对象是否严格相等:");
console.log(b === B);
[Running] node "e:\HMV\JavaScript\JavaScript.js"
判断字符串和字符串对象是否相等:
true

判断字符串和字符串对象是否严格相等:
false

判断数字和数值对象是否相等:
true

判断数字和数值对象是否严格相等:
false

判断布尔值和布尔对象是否相等:
true

判断布尔值和布尔对象是否严格相等:
false

[Done] exited with code=0 in 0.196 seconds

通过 typeof 运算符可以看到原始值和其包装对象的不同。

var s = "test", n = 1, b = true;     //一个字符串、数字和布尔值 
var S = new String(s);               //一个字符串对象
var N = new Number(n);               //一个数值对象
var B = new Boolean(b);              //一个布尔对象
console.log("判断s的数据类型:");
console.log(typeof s);
console.log("");
console.log("判断S的数据类型:");
console.log(typeof S);
console.log("");
console.log("判断n的数据类型:");
console.log(typeof n);
console.log("");
console.log("判断N的数据类型:");
console.log(typeof N);
console.log("");
console.log("判断b的数据类型:");
console.log(typeof b);
console.log("");
console.log("判断B的数据类型:");
console.log(typeof B);
[Running] node "e:\HMV\JavaScript\JavaScript.js"
判断s的数据类型:
string

判断S的数据类型:
object

判断n的数据类型:
number

判断N的数据类型:
object

判断b的数据类型:
boolean

判断B的数据类型:
object

[Done] exited with code=0 in 0.189 seconds
posted @ 2022-05-25 10:09  黄子涵  阅读(22)  评论(0编辑  收藏  举报