JS 包装对象

[ 一切皆对象 ] JS中，对象是一种复合值，它是属性或已命名值的集合。

通过“ . ”符号来引用属性。当属性值是一个函数时，称其为方法；通过o.m()来调用对象o中的方法。

var s = 'hello world';
console.log(s.length);    // 11
我们发现字符串也具有属性和方法；字符串既然不是对象，为什么会有属性呢？

定义方式

3 种原始类型的值（布尔值、数值、字符串）在一定条件下，会自动转为对象，即原始类型的“包装对象”。

每当读取布尔值、数值或字符串的属性或方法时，创建的临时对象称为包装对象，它是一种特殊的引用类型。

// 实际上并不一定创建或销毁这个临时对象，然而整个过程看起来是这样的：

   var s1 = 'some text';
   var s2 = s1.substring(2);

   //上述过程看起来发生了三个步骤

   var s1 = new String('some text'); //(1)创建String类型的一个实例  
   var s2 = s1.substring(2); //(2)在实例上调用指定的方法
   s1 = null; //(3)销毁这个实例

[ 生存期 ] 引用类型和基本包装类型的主要区别是对象的生存期。

使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中。

自动创建的基本包装类型的对象，则只存在于一行代码的执行瞬间，然后立即被销毁。

这意味着，不能在运行时为基本类型值添加属性和方法。
var s1 = 'some text';
s1.color = 'red';
alert(s1.color);//undefined
 
var s2 = new Boolean('some text');
s2.color = 'red';
alert(s2.color);//'red'

显式创建

可以通过new操作符显式创建包装对象，但应该在绝对必要的情况下再这样做。

因为这种做法，很容易让人分不清是在处理基本类型还是引用类型的值。

// 有 2 种方式显式创建包装类型的方式:
 
方式一：Object方式
   var s = new Object('abc');
   var b = new Object(true);
   var n = new Object(123);
 
方式二：构造函数方式
   var s = new String('abc');
   var b = new Boolean(true);
   var n = new Number(123);

直接调用转型函数与使用new调用基本包装类型的构造函数是不一样的，使用转型函数返回的是基本类型值。
var s = 'abc';
var s1 = String(s);
var s2 = new String(s);
var s3 = new Object(s);
console.log(typeof s,typeof s1,typeof s2,typeof s3);  // string string object object

比较运算

[1] 等于运算符 '=='：将原始值和其包装对象视为相等。 // 其中一个操作数是对象，会调用对象的valueOf()方法

var s1 = new String('abc');
var s2 = 'abc';
var n1 = new Number(123);
var n2 = 123;
var b1 = new Boolean(true);
var b2 = true;
console.log(s1 == s2, n1 == n2, b1 == b2);//true true true

[2] 全等 '==='：将原始值和其包装对象视为不相等。 // 全等运算符要比较类型和值，原始值和其包装对象类型不同

var s1 = new String('abc');
var s2 = 'abc';
var n1 = new Number(123);
var n2 = 123;
var b1 = new Boolean(true);
var b2 = true;
console.log(s1 === s2, n1 === n2, b1 === b2);//false false false