JS 变量复习

  • typeof 能得到哪些类型
  • === 和 ==
  • JS 的内置函数
  • 按存储方式划分,js 变量有哪些类型
  • 理解 JSON

变量类型

值类型和引用类型

值类型:undefined, number, boolean, string, symbol, null

引用类型:function, object

还牵扯到堆内存和栈内存的关系,稍微延伸一下。

堆内存和栈内存

栈内存主要用于存储各种基本类型的变量,包括 boolean、number、string、undefined、null,以及对象变量的指针,这时候栈内存给人的感觉就像一个线性排列的空间,每个小单元大小基本相等。

而堆内存主要负责像对象 Object 这种变量类型的存储,如下图img

原始数据类型都有固定的大小保存在栈内存中,由系统自动分配存储空间,可以直接进行操作。

对于 new 出来的变量,思考一下 new 关键字所作所为,就知道,new 出来的对象都是存储在堆内存中的。

我们常说的值类型和引用类型其实说的就是栈内存变量和堆内存变量,再想想值传递和引用传递、深拷贝和浅拷贝,都是围绕堆栈内存展开的,一个是处理值,一个是处理指针。

变量定义的过程

例如var a = 10:

先将10压入栈中,然后在当前作用域中声明一个变量a,此时a = undefined,然后再将 a 关联10

函数定义的过程

现在堆内存中开辟一块空间,将函数的以字符串的形式存入。然后会有一个十六进制的堆内存的值。然后存入栈内存中。然后声明变量 fn,然后将 fn 关联到这个内存地址上。

垃圾回收机制

浏览器的垃圾回收机制
  • 引用计数(RC)

  • 标记清除

    标记清除指的是当变量进入环境时,这个变量标记为“进入环境”;而当变量离开环境时,则将其标记为“离开环境”,最后,垃圾回收器完成内存清除工作,销毁并回收那些被标记为“离开环境”的值所占用的内存空间

V8 的垃圾回收机制

分代回收:新生代和老生代。

新生代的垃圾回收

在堆内存中分两个部分,一个 From(使用中的空间) ,一个 To(闲置状态),分配对象的时候先在 from 空间中进行分配,如果一个对象不再被引用了,那么将会被留在 From 中,将其他被引用的对象移动到 To 空间中,然后对调 From 和 To,最后释放 To 中的空间。

晋升

在新生代垃圾回收的过程中,当一个对象经过多次复制后依然存活,他将会被认为是生命周期较长的对象,随后会被移动到老生代中,采用新的算法进行管理

在 From 空间和 To 空间进行反转的过程中,如果 To 空间中的使用量已经超过了 25%,那么就将 From 中的对象直接晋升到老生代内存空间中

老生代的垃圾回收

老生代的内存空间是一个连续的结构。

标记清除(Mark Sweep):标记要回收的对象,直接释放相应的地址空间。执行完成之后会导致内存不连续 。

标记合并(Mark Compact):将存活的对象移动到一边,需要被回收的移动到另一边。然后对需要被回收的区域进行整体垃圾回收。

typeof

image-20210718123027904

封装一个自己的类型检测方法

let class2Type = {};
let toString = class2Type.toString;

[
  "Boolean",
  "Number",
  "String",
  "Function",
  "Array",
  "Date",
  "RegExp",
  "0bject",
  "Error",
  "Symbol",
].forEach((name) => {
  class2type["[object ${name}]"] = name.toLowerCase();
});

function toType(obj) {
  // 处理null和undefined
  if (obj == null) {
    return obj + "";
  }

  return typeof obj === "object" || typeof obj === "function"
    ? class2Type[toString.call(obj)] || "object"
    : typeof obj;
}

变量计算

强制类型转换的场景

  • 字符串拼接
  • == 运算符
  • if 语句
  • 逻辑运算

image-20210718131419517

image-20210718131523165

双等号的比较的时候的类型转换

image-20210718131629045

image-20210718134441100

image-20210718135241174

image-20210718135354266

image-20210718135544734

image-20210718135613363