美文网首页
由对象的属性说到几个容易混淆的js内建方法

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

作者: zenggo | 来源:发表于2017-11-26 11:15 被阅读13次

    前言 关于属性

    属性类型:

    对象有两种属性类型: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内建方法

          本文链接:https://www.haomeiwen.com/subject/lihhbxtx.html