容易引起误会的JavaScript

这篇博客探讨了JavaScript中使用构造函数创建的Boolean和Number对象与字面量值的区别。通过示例解释了使用new Boolean(true)或new Number(10)会创建对象而非原始值,并展示了如何在逻辑运算中这些对象会隐式转换为true。同时,文章还提到了valueOf()方法用于获取Number对象的字面量值。
摘要由CSDN通过智能技术生成

一. Boolean

Boolean是对应布尔值的引用类型,如果我们需要创建一个Boolean对象(注意:创建的是对象),我们都知道new操作符会在构造函数执行之返回一个新的对象实例,所以我们可使用它的构造函数,传入true或false,如下列所示

let booleanObj = new Boolean(true);

我们在控制台打印输出一下booleanObj
let booleanObj = new Boolean(true);undefinedconsole.log(booleanObj)VM413:1 Boolean {true}

发现打印的是一个对象,而不是字面量true,接下来我们有这样一个例子,结果会输出什么呢。

let booleanObj = new Boolean(false);
let result = booleanObj && true;
console.log(result)

在这里插入图片描述
我们看到输出结果为true,如果没有前面的铺垫,很多人会以为输出的结果为false,这就是容易引起误会的一个点。因为我们使用构造函数创建的是一个对象,也就是说booleanObj存储的是一个地址。然后在比较的时候隐式转换为true,结果就为true啦。再看个例子你就明白啦

let booleanObj = new Boolean(false);
let bol = true;
console.log(typeof booleanObj );//Object
console.log(typeof bol);//Boolean
console.log(booleanObj instanceof Boolean);//true
console.log(bol instanceof Boolean);//false

二.Number

Number类型跟Boolean其实也是类似的,使用构造函数创建的也是一个对象,也就是说 let num = new Number(10) 打印num输出的不是10而是Number {10},很容易引起误会啦。但是我们可以使用valueOf()得到该对象的字面量,也就是10

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值