JS中String()与new String()的区别

Posted 2020-10-10 朗月

今天看到这样的面试题，如下：

var yiifaa = ‘yiifaa‘,
    str1 = new String(yiifaa),
    str2 = String(yiifaa)

• 1
• 2
• 3

声明与赋值了3个变量，然后考题如下：

//  请确认以下的判断是否准确
str1 === yiifaa
//
str2 === yiifaa
//
typeof str1 === typeof str2

• 1
• 2
• 3
• 4
• 5
• 6

根据JS的语法，要满足===的条件如下： 
1. 如果是引用类型，则两个变量必须指向同一个对象（同一个地址）； 
2. 如果是基本类型，则两个变量除了类型必须相同外，值还必须相等。

再把话题切换到String对象上来，String的声明方式有三种（请参见第一段代码），但产生的类型却不尽相同，结果如下：

//  类型为string，为基本类型
typeof yiifaa
//  类型为object，为引用类型
typeof str1
//  类型为string，为基本类型
typeof str2

• 1
• 2
• 3
• 4
• 5
• 6

那现在答案很清楚了，如下：

//  false， 因为str1为引用类型
str1 === yiifaa
//  true， 因为都是基本类型，并且值相等
str2 === yiifaa
// false， 虽然都是字符串，但分别为object与string
typeof str1 === typeof str2

• 1
• 2
• 3
• 4
• 5
• 6

总结

很神奇的String对象，一方面可以作为基本类型，另一方面还可以作为引用类型，更神奇的是，为String.prototype添加方法，基本类型还可以引用到，怎么做到的？