JavaScript 万物皆对象？

原文链接我的blog。

为什么说“ JavaScript 万物皆对象？”，这个“万物”，难道真的是“万物”？

其实不然。

在 JavaScript 中一共有七种主要类型：

• String
• Number
• Boolean
• Null
• Undefined
• Symbol
• Object

前六种为基本数据类型，Object 为引用类型（对象类型），值得注意一点的是用 typeof null 会返回 Object，这实际上是一个bug，Null 实际上是基本类型的值。

typeof null // object 原理：不同的对象在底层都表示为二进制，在 JavaScript 中二进制前三位都为 0 的话会被判 断为 object 类型，null 的二进制表示是全 0，自然前三位也是 0，所以执行 typeof 时会返回“object”。

根据 JavaScript 对语言类型的分类，很容易知道，并不是 JavaScript 万物皆对象，或者说任何非基本类型的都是对象类型。

基本类型，引用类型（对象类型）

区别基本类型，对象类型，归根结底还是得从基本类型，对象类型各自特点出发。

基本类型：包括上述中的六种，基本类型的值是一种简单的数据段。存储在栈内存中；当复制基本类型的值时，复制它的值（改变其中一个，另一个不受影响），比较时，按其值比较。

引用类型：一种数据结构，是一类对象所具有的属性和方法；引用类型的值是可能是由多个值构成的对象，储存在栈内存与堆内存中；当复制引用类型的值时，复制它的引用（改变其中一个，另一个随之改变），比较时按其引用比较。

根据基本类型与引用类型各自特点，便容易区分。

• 能否添加／删除属性

  // 引用类型
  let arr = []
  arr.name = 'jk'
  arr.name // jk
  

  // 基本类型
  let str = 'mark'
  str.name = 'chao'
  str.name // undefined
  

• 复制以后，改变其中一个变量，是否对另一个变量有影响

  • 复制基本类型的值时，会创建一个新值，然后把该值复制到为新变量分配的位置上，此后两个变量互不影响。

    let a = 1
    let b = a
    b = 2
    console.log(a) //1
    

    复制前：

    
    

    复制后：

    
    

  • 复制引用类型的值时，同样也会将存储在变量中的值复制一份放到为新变量分配的空间中，不同的是，此时这个值，实际上是一个指向堆内存中的指针。复制结束后，两个变量将引用同一个对象，改变其中一个，另一个随之改变。

    let obj1 = {
      name: 'Mary'
    }
    
    let obj2 = obj1
    
    obj2.name = 'Jack'
    console.log(obj1.name) // 'Jack'
    
    

    

基本包装函数

既然基本类型并非对象，也就不具备属性和方法，那为什么能使用例如length, charAt的方法的了？这其中起作用的就是基本包装函数了。

每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据（null, undefined 没有对应的构造函数形式）。

一个简单例子：

let str = 'Jack'
let oStr = str.substring(2)

第二行代码，访问 str 时，访问过程处于读取模式，也就是会从内存中读取这个字符串的值，在读取过程中，会进行以下几步：

• 创建一个 String 类型的一个实例；
• 在实例上调用相应的方法。
• 销毁这个实例。

另一种形式表示：

let str = new String('Jack')
let oStr = str.substring(2)
str = null

基本包装函数，与引用类型主要区别就是对象的生存期，使用 new 操作符创建的引用类型的实例，在执行流离开当前作用域之前一直都保存在内存中，而自动创建的基本包装类型的对象，则只存在与一行代码的执行瞬间，然后被立即销毁。这也就是不能给基本类型添加属性和方法的原因了。

---

完。