什么是javascript包装对象？在说包装对象之前，我们先简单说一下js的两种数据类型：基本数据类型（primitive type）和对象数据类型(object type)。
基本数据类型：值类型，值不可以改变 immutable，没有属性。包括number、string、boolean、null、undefined
对象数据类型：引用类型，值可以改变 mutable，有属性。包括Function、Array、Date、RegExp、Error。
因此，看起来值类型应该是不具备属性方法的一类数据，然而，举个栗子：
例1：
var s = "test";
s.len = 4; //设置s的属性len为4
var t = s.len;
console.log(t); //undefined
例2：
var s = "test";
var S = s.toUpperCase(); //看起来字符串s也有方法toUpperCase()，和对象行为很相似
console.log(s); //"test"
console.log(S); //"TEST"
看上面的例子，发现字符串作为基本数据类型，也可以使用“.”操作符s.toUpperCase()，行为很像对象数据类型，也有属性，why?例1里面的s.len这项属性赋值操作又似乎是被ignored掉了，s.len刚设置完值，再获取，变成了undefined。why?
为什么字符串具有和对象相似的特征，可以调用方法，可以设置属性（虽然属性似乎被忽略）？这里一个重要的概念就是：包装对象（wrapper object）
当对number、string、boolean这三种数据类型调用方法时候，js会先将他们转换为对应的包装对象，并且这个对象是临时的，调用完包装对象的方法后，包装对象随即被丢弃。可以将包装对象视为技术实现底层的细节，不需要think about it;
例1里面的过程可以由下图表示：
包装对象
另外，可以通过调用String()、Number()、Boolean()显示的创建包装对象。（虽然这很没必要也没啥用）。通过typeof可以清楚的基本数据类型和包装对象的区别，基本是基本类型，对象是对象类型。
var s = "test";
var n = 1;
var b = true;
var S = new String(s);
var N = new Number(n);
var B = new Boolean(b);
typeof s; //"string"
typeof n; //"number"
typeof b; //"boolean"
typeof S; //"object"
typeof N; //"object"
typeof B; //"object"
虽然wrapper object作为一种技术上的实现细节，不需要过多关注，但在基本数据类型具有对象表现行为的时候，我们还是应该知道这是为什么？并且要牢记，基本数据类型不可以改变，so,不要犯：
a.toUpperCase();
console.log(a); // 认为a is "HELLO",记住：基本数据类型不可以修改，a is still "hello",a is still "hello",a is still "hello"
JavaScript细节很多，容易搞晕的地方也很多，所以不要遗漏小细节，这样才能不断成长，我们要对自己写的代码负责，so，搞清楚最基础的，虽不起眼，但很重要。
作者：佩吉秋
链接：https://www.jianshu.com/p/7e585f06d029
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。