js基本引用类型---包装类

function showCase2(value) {
    switch(value) {
    case 'A':
        console.log('Case A');
        break;
    case 'B':
        console.log('Case B');
        break;
    case undefined:
        console.log('undefined');
        break;
    default:
        console.log('Do not know!');
    }
}

showCase2( new String('A'));

来看一道输出题，之前一眼就看’A’，想都没想就觉得是case ‘A’。仔细研究之后才发现事情并没有那么简单。

答案输出的是 Do not know!。明显是走到了default了。

首先，需要理解 new String（str）做了什么。

let str1 = 'hello';
let str2 = String(str1);
let str3 = new String(str1)
console.log(str1 === str2 )//true
console.log(str1 === str3 )//false

new是创建了一个str1对象，而String（str1）是将str1

字符串字面量 (通过单引号或双引号定义) 和 直接调用 String 方法 (没有通过 new 生成字符串对象实例) 的字符串都是基本字符串。----mdn。

所以new String(‘A’)是创建了一个对象，而不是字符串，因此输出的是 Do not know!。

这里又引出了一个概念，包装类。

包装类

js三大内置对象包装类

new Number、new String 、 new Boolean

原始值是没有方法和属性的，js基本类型数据，如字符串，之所以可以有str.length属性，是因为后台实现了包装处理。

后台会执行3步：

1. 创建对应类型的实例
2. 调用实例上的方法
3. 销毁实例

//原始值不是对象，没有substring方法，因为后台包装。
let str  = 'text';
let s2 = str.substring(2);
s2

//实际上后台操作，如下
let str = new String('text');
let s2 = str.substring(2);
str = null

注意

引用类型和包装类型的区别在于生命周期，通过new实例化引用类型，实例在离开作用域才销毁。

自动创建的包装类对象，只在访问属性或者方法时的那行代码中，所以不能在运行时添加属性或者方法，如下例子。

var a = 123
a.len = 3  //实际会   new Number(a).len = 3 因为没有存放这个变量，系统会delete这个属性，因此就是undefined
console.log(a.len) //undefined


//解决，把原始值123转换为一个包装类
var a = new Number(123)//此时123被作为原始值转换为 Number对象 存放在a中
a.len = 3 
console.log(a.len)//3

小结：

1、原始值通过包装类转换为对象才有自己的方法和属性

2、通过转型函数（如String（str））得到值类型是原始值，通过new包装原始值（ 如new String（str））得到的是一个包装类。

参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects
红宝书—《js高程》