JS里一切都是对象吗?疑问引发的烧脑思考

不知道之前在哪看的一句话:"在JS里,一切都是对象~",当时觉得还挺有道理的.毕竟像常用的函数,数组等的确都是对象!(可以用typeof查看).

补充一句: typeof null // "object"
因为这个是js一开始的bug

来谈谈关于 typeof 的原理吧，我们可以先想一个很有意思的问题，js 在底层是怎么存储数据的类型信息呢？或者说，一个 js 的变量，在它的底层实现中，它的类型信息是怎么实现的呢？其实，js 在底层存储变量的时候，会在变量的机器码的低位1-3位存储其类型信息

000：对象 010：浮点数 100：字符串 110：布尔 1：整数

but, 对于 undefined 和 null 来说，这两个值的信息存储是有点特殊的。 null：所有机器码均为0 undefined：用 −2^30 整数来表示所以，typeof 在判断 null 的时候就出现问题了，由于 null 的所有机器码均为0，因此直接被当做了对象来看待。

真的全是对象吗?

var a = ''
      b = 1
      c = new String('1')
      d = new Number(1)
typeof a // 'string'
typeof b // 'number'
typeof c // 'object'
typeof d // 'object'****

为什么会出现这种差异呢?

因为js里有6中基本类型: 1.undefined // typeof undefined 'undefined' 2. null // typeof null 'object' 3. string // 4. number // 5. Boolean // typeof true 'boolean' 6. Symbol 当我们以字面量的方式创建string, number时,创建出来的属于基本类型,而通过构造器创造出来时它是一个对象!

但是!~ 竟然字面量创造出来的玩意儿不是对象,它为什么会有方法和属性!!

var a = 'a'
a.toString() // 'a'
a.length // 1

按道理说属性和方法应该是对象特有的呀! 于是乎,引出了JS的另一个概念, 装箱和拆箱!

JS里的装箱和拆箱

概念: 1.装箱指的是，将一个值变成指向该值的对象。（复制值） 2.拆箱指的是，把指向值的对象还原成该值。（复制值）

var a = 'str'
a.toString()
当执行toString()方法时,JS会自动将其包装成String对象再调用方法.过程如下:
{ // 伪代码
  var b = new String(a)
  b.toString()
  b = null
}
然后我们就看到了正常的输出'a'

这个也可以解释另外一个问题:

var a='str'
a.name='test'
console.log(a.name) // undefined

拆箱

var a = new String('str')
console.log(a) // String {"str"}
var b = a + '1'
console.log(b) // str1

这里就是一个拆箱的过程,JS做的事情和上面装箱类似.

var b = a + '1'
{
  var temp = a.toString() // or valueOf or
  var b = temp + '1' 
}

总结

参考大佬https://www.jianshu.com/p/78e76e94ddb9的文章后，总结如下：