当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 1和new Number(1)有什么区别

1和new Number(1)有什么区别

2019年08月08日  | 移动技术网IT编程  | 我要评论

1和new number(1)有什么区别

author: @tiffanysbear

总结，两者的区别就是原始类型和包装对象的区别。

什么是包装对象

对象number、string、boolean分别对应数字、字符串、布尔值，可以通过这三个对象把原始类型的值变成（包装成）对象:

var v1 = new number(123);
var v2 = new string('abc');
var v3 = new boolean(true);

我们来看下实际的v1、v2、v3是什么呢？

typeof v1;// "object"
typeof v2;// "object"
typeof v3;// "object"

v1 === 123; // false
v1 == 123; // true

可以理解的是，v1此时是对象，===比较的是内存地址，因此跟数字number 123不相等；可是为什么v1 == 123得到的值会是true呢？

那这就是包装对象在使用时的问题了。再来理解一下什么是原始类型。

什么是原始类型

比如123这类就是原始类型，原始类型并不是一个对象，因此并没有对象具有的一些属性和方法；但是为什么能调用(123).tofixed()这些方法呢？

原因就是这些方法都是像包装对象"借用"来的，tofixed方法是在number对象原型上的方法。

(123).tofixed === number.prototype.tofixed // true
"123".indexof === string.prototype.indexof // true

js求值

js在求值运算时，总是会求出原始资料的值，而不是用对象。如下面的例子：

var a = new number(122);
var b = a + 33; // 155
typeof b; // number

但是要注意 new boolean 的用法，只有当 new boolean 的参数值为 null 或者 undefined 时，求值转换的原始资料的值才是false，其他情况都是true；

!!(new boolean(false)) // true

所以尽量不要使用 new boolean 这个包装对象进行赋值，否则会产生一些误会。

运算时调用 valueof 和 tostring 的优先级

先说下结论：

1、进行对象转换时（alert(e2)）,优先调用 tostring 方法，如没有重写 tostring 将调用 valueof 方法，如果两方法都不没有重写，但按 object 的 tostring 输出。

2、进行强转字符串类型时将优先调用 tostring 方法，强转为数字时优先调用 valueof。

3、在有运算操作符的情况下，valueof的优先级高于tostring。

以下是三个例子

第一个：

let e2 = {
    n : 2,
    tostring : function (){
        console.log('this is tostring')
        return this.n
    },
    valueof : function(){
        console.log('this is valueof')
        return this.n*2
    }
}
alert(e2) //  2  this is tostring
alert(+e2)  // 4 this is valueof
alert(''+e2) // 4 this is valueof
alert(string(e2)) // 2 this is tostring
alert(number(e2)) // 4 this is valueof
alert(e2 == '4') // true  this is valueof
alert(e2 === 4) //false ===操作符不进行隐式转换

第二个：

let e3 = {
    n : 2,
    tostring : function (){
        console.log('this is tostring')
        return this.n
    }
}
alert(e3) //  2  this is tostring
alert(+e3)  // 2 this is tostring
alert(''+e3) // 2 this is tostring
alert(string(e3)) // 2 this is tostring
alert(number(e3)) // 2 this is tostring
alert(e3 == '2') // true  this is tostring
alert(e3 === 2) //false  ===操作符不进行隐式转换

第三个：

object.prototype.tostring = null; 
let e4 = {
    n : 2,
    valueof : function(){
        console.log('this is valueof')
        return this.n*2
    }
}
alert(e4) //  4 this is valueof
alert(+e4)  // 4 this is valueof
alert(''+e4) // 4 this is valueof
alert(string(e4)) // 4 this is valueof
alert(number(e4)) // 4 this is valueof
alert(e4 == '4') // true  this is valueof
alert(e4 === 4) //false  ===操作符不进行隐式转换

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网