JavaScript 中的值类型和引用类型

JavaScript 的变量类型:

  • 值类型(基本类型):字符串(string)、数值(number)、布尔值(boolean)、undefined、null (这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值)(ECMAScript 2016新增了一种基本数据类型:symbol)
  • 引用类型:对象(Object)、数组(Array)、函数(Function)

值类型

值类型的特点:

  1. 占用空间固定,保存在栈中(当一个方法执行时,每个方法都会建立自己的内存栈,在这个方法内定义的变量将会逐个放入这块栈内存里,随着方法的执行结束,这个方法的内存栈也将自然销毁了。因此,所有在方法中定义的变量都是放在栈内存中的;栈中存储的是基础变量以及一些对象的引用变量,基础变量的值是存储在栈中,而引用变量存储在栈中的是指向堆中的数组或者对象的地址,这就是为何修改引用类型总会影响到其他指向这个地址的引用变量。

  2. 保存与复制的是值本身

  3. 使用 typeof 检测数据的类型

    TypeResult
    Undefined"undefined"
    Null"object" (see below)
    Boolean"boolean"
    Number"number"
    BigInt"bigint"
    String"string"
    Symbol"symbol"
    Function (implements [[Call]] in ECMA-262 terms; classes are functions as well)"function"
    Any other object"object"

    In the first implementation of JavaScript, JavaScript values were represented as a type tag and a value. The type tag for objects was 0. null was represented as the NULL pointer (0x00 in most platforms). Consequently, null had 0 as type tag, hence the typeof return value "object". (reference)
    A fix was proposed for ECMAScript (via an opt-in), but was rejected. It would have resulted in typeof null === 'null'.

  4. 基本类型数据是值类型

引用类型

引用类型的特点:

  1. 占用空间不固定,保存在堆中(当我们在程序中创建一个对象时,这个对象将被保存到运行时数据区中,以便反复利用(因为对象的创建成本通常较大),这个运行时数据区就是堆内存。堆内存中的对象不会随方法的结束而销毁,即使方法结束后,这个对象还可能被另一个引用变量所引用(方法的参数传递时很常见),则这个对象依然不会被销毁,只有当一个对象没有任何引用变量引用它时,系统的垃圾回收机制才会在核实的时候回收它。)
  2. 保存与复制的是指向对象的一个指针
  3. 使用 instanceof 检测数据类型, 语法为: object instanceof constructor
    javascript
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    const arr = [1, 2]; 
    // 判断Object的prototype有没有在数组的原型链上 
    console.log(arr instanceof Object); // true 
    // 数组arr的原型 
    const proto1 = Object.getPrototypeOf(arr); 
    console.log(proto1); // [] 
    // 数组arr的原型的原型 
    const proto2 = Object.getPrototypeOf(proto1); 
    console.log(proto2); // [] 
    // Object的prototype 
    console.log(Object.prototype); 
    // 判断arr的原型是否与Object的prototype相等 
    console.log(proto1 === Object.prototype); // false 
    // 判断arr的原型的原型是否与Object的prototype相等 
    console.log(proto2 === Object.prototype); // true
    The instanceof operator tests to see if the prototype property of a constructor appears anywhere in the prototype chain of an object. The return value is a boolean value. Its behavior can be customized with Symbol.hasInstance.
  4. 使用 new() 方法构造出的对象是引用型