由对象的属性说到几个容易混淆的js内建方法

前言 关于属性

属性类型:

对象有两种属性类型:String类型属性 与 Symbol类型属性。它们通常被称为属性与符号属性。

属性描述符:

对象的每个属性都有一个属性描述符。属性描述符分两种:数据描述符访问器描述符

  • 描述符也是一个对象
  • 描述符必须是这两种形式之一,不能同时是两者
  • 对象添加属性时,新属性默认拥有一个数据描述符,且configurableenumerablewritable都为true

两种描述符共有的属性:

  • configurable
  • enumerable 影响for...in Object.keys() Object.entries() Object.assign()

数据描述符特有的属性:

  • value
  • writable

访问器描述符特有的属性:

  • get
  • set

详见Object.defineProperty()方法

属性的划分

  • 属性 / 符号属性
  • 自身属性 / 原型链上的属性
  • 是否可枚举 - enumerable
  • 是否可写 - writable
  • 是否可配置 - configurable

与属性相关的内建方法

for...in

  • 以任意顺序遍历一个对象的可枚举属性
  • 循环将遍历对象自身的所有可枚举属性,以及原型链上的可枚举属性(更接近原型链中对象的属性覆盖原型属性)
  • 不包括Symbol属性
  • 一个在被访问之前已经被删除的属性将不会在之后被访问;在迭代进行时被添加到对象的属性,可能在之后的迭代被访问,也可能被忽略
  • 不应被用于迭代一个 Array,应用for...offorEach

Object.getOwnPropertyNames()

  • 返回一个给定对象自身的所有String属性名的字符串数组
  • 不包括Symbol属性
  • 包括可枚举与不可枚举

Object.getOwnPropertySymbols()

  • 返回一个给定对象自身的所有 Symbol 属性的Symbol数组
  • 包括可枚举与不可枚举

Object.keys()

  • 返回一个由一个给定对象的自身可枚举属性组成的数组
  • 不包括Symbol属性

Object.assign()

  • 拷贝源对象自身并且可枚举的属性到目标对象
  • 会拷贝对象自身的Symbol属性
  • 对复制源,只会调用其getter,拷贝它的值,而不会复制getter。也不会复制属性的定义,如果要复制定义,应使用Object.getOwnPropertyDescriptor()Object.defineProperty()
  • 会跳过那些值为nullundefined的源对象

Object.entries()

  • 返回一个给定对象自身可枚举属性的键值对数组
  • 不包括Symbol属性

Object.isExtensible()

Object.preventExtensions()

对象不可扩展:

  • 永远不能再添加新的属性
  • __proto__属性的值不可被修改

Object.isSealed()

Object.seal()

对象密封:

  • 不可扩展
  • configurable= false (不可修改属性的描述或删除属性)
  • 可写性描述(writable)为可写的属性的值仍然可以被修改
  • 不会影响从原型链上继承的属性

Object.isFrozen()

Object.freeze()

对象冻结

  • 不可扩展
  • 密封
  • writable=false
  • 如果一个属性的值是个对象,则这个对象中的属性是可以修改的,除非它也是个冻结对象

你可能感兴趣的:(由对象的属性说到几个容易混淆的js内建方法)