跳到主要内容

认识

一、认识


Object类型 也叫引用类型,是一组没有特定顺序的值的集合。

二、存储结构

JavaScript中,基本类型的实际值储存在 中,而引用类型的实际值储存在 中。栈中储存的只有指向到堆中的指针,这也是Object类型也被称为 引用类型 的原因。

JavaScript的第一个版本中,单个值在栈中占据32位的存储单元。存储单元分为两个部分:一部分是标记位,另一部分是数据。标记位为000表示Object类型

三、精益求精


3.1 Map Vs Object

Map:

  • Map 键可以使用任何JavaScript数据类型,其映射的值也毫无限制
  • Map 迭代遍历严格按照键值对的插入顺序

Object:

  • Object 键只能使用数值字符串Symbol,其映射的值毫无限制

  • Object 迭代遍历顺序查看遍历顺序

    const obj = {
    id: 1,
    8: "八",
    4: "四",
    type: "对象",
    data: "数据",
    };

    const result = Object.keys(obj);
    console.log(result); // ['4', '8', 'id', 'type', 'data']
  • 内村占用方面: ObjectMap的工程级实现在不同浏览器之间有着明显的差异,但存储单个键/值对所占的内存数量都会随键的数量线性增加。批量添加或者删除键/值对取决于各个浏览器对该类型内存分配的工程实现。不同浏览器的情况不同,但给定固定大小的内存,Map大约可以比Object多存储50%的键值对。

  • 插入性能:ObjectMap中插入新键/值对的消耗大致相当,不过插入Map在所有浏览器中一般会稍微快一点。对这两个类型来说,插入速度并不会随着键/值对的数量而线性增加。如果代码涉及大量插入操作,那么显然Map的性能更佳。

  • 查找速度: 与插入不同,从大型 ObjectMap 中查找键/值对的性能差异极小,但如果只包含少量键/值对,则 Object 有时候速度更快。在把Object 当成数组使用的情况下(比如使用连续整数作为属性),浏览器引擎可以进行优化,在内存中使用更高效的布局。这对 Map 来说是不可能的。对这两个类型而言,查找速度不会随着键/值对数量增加而线性增加。如果代码涉及大量查找操作,那么某些情况下可能选择 Object 更好一些。

  • 删除性能: 使用 delete 删除 Object 属性的性能一直以来饱受诟病,目前在很多浏览器中仍然如此。为此,出现了一些伪删除对象属性的操作,包括把属性值设置为 undefinednull 。但很多时候,这都是一种讨厌的或不适宜的折中。而对大多数浏览器引擎来说, Mapdelete() 操作都比插入和查找更快。如果代码涉及大量删除操作,那么毫无疑问应该选择 Map

参考资料


极客时间-V8是怎样提升对象属性访问速度的?

V8 是怎么跑起来的 —— V8 中的对象表示