【转】js object 常用方法总结

蔚落 2021-12-17 11:51 300阅读 0赞

[点击去原文][Link 1]

## **Object.assign(target,source1,source2,...)** ##

## 该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性，不拷贝继承的属性。 ##

`Object.assign`方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。同名属性会替换。

`Object.assign`只能进行值的复制，如果要复制的值是一个取值函数，那么将求值后再复制。

`Object.assign`可以用来处理数组，但是会把数组视为对象。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>const&nbsp;target&nbsp;=&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>x&nbsp;:&nbsp;0,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>y&nbsp;:&nbsp;1</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div> 
      <code>const&nbsp;source&nbsp;=&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>x&nbsp;:&nbsp;1,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>z&nbsp;:&nbsp;2&nbsp;,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>fn&nbsp;:&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>number&nbsp;:&nbsp;1</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div> 
      <code>Object.assign(target,&nbsp;source);&nbsp;&nbsp;</code> 
     </div> 
     <div> 
      <code>//&nbsp;target&nbsp;&nbsp;{x&nbsp;:&nbsp;1,&nbsp;y&nbsp;:&nbsp;1,&nbsp;z&nbsp;:&nbsp;2,&nbsp;fn&nbsp;:&nbsp;{number&nbsp;:&nbsp;1}}&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;同名属性会被覆盖</code> 
     </div> 
     <div> 
      <code>//&nbsp;source&nbsp;&nbsp;{x&nbsp;:&nbsp;1,&nbsp;z&nbsp;:&nbsp;2,&nbsp;fn&nbsp;:&nbsp;{number&nbsp;:&nbsp;1}}</code> 
     </div> 
     <div> 
      <code>target.fn.number&nbsp;=&nbsp;2;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;拷贝为对象引用</code> 
     </div> 
     <div> 
      <code>//&nbsp;source&nbsp;&nbsp;{x&nbsp;:&nbsp;1,&nbsp;z&nbsp;:&nbsp;2,&nbsp;fn&nbsp;:&nbsp;{number&nbsp;:&nbsp;2}}</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>function</code>&nbsp; 
      <code>Person(){ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>this</code> 
      <code>.name&nbsp;=&nbsp;1</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div> 
      <code>Person.prototype.country&nbsp;=&nbsp;</code> 
      <code>'china'</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>let</code>&nbsp; 
      <code>student&nbsp;=&nbsp;</code> 
      <code>new</code>&nbsp; 
      <code>Person();</code> 
     </div> 
     <div> 
      <code>student.age&nbsp;=&nbsp;29&nbsp;;</code> 
     </div> 
     <div> 
      <code>const&nbsp;young&nbsp;=&nbsp;{insterst&nbsp;:&nbsp;</code> 
      <code>'sport'</code> 
      <code>};</code> 
     </div> 
     <div> 
      <code>Object.assign(young,student);</code> 
     </div> 
     <div> 
      <code>//&nbsp;young&nbsp;{instest&nbsp;:&nbsp;'sport'&nbsp;,&nbsp;age&nbsp;:&nbsp;29, name: 1}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;只能拷贝自身的属性，不能拷贝prototype</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>Object.assign([1,&nbsp;2,&nbsp;3],&nbsp;[4,&nbsp;5])&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;把数组当作对象来处理</code> 
     </div> 
     <div> 
      <code>//&nbsp;[4,&nbsp;5,&nbsp;3]</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

## **Object.create(prototype\[,propertiesObject\])** ##

使用指定的原型对象及其属性去创建一个新的对象

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>parent&nbsp;=&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>x&nbsp;:&nbsp;1,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>y&nbsp;:&nbsp;1</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>child&nbsp;=&nbsp;Object.create(parent,{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>z&nbsp;:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;z会成为创建对象的属性</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>writable:</code> 
      <code>true</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>configurable:</code> 
      <code>true</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>value:&nbsp;</code> 
      <code>"newAdd"</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>});</code> 
     </div> 
     <div> 
      <code>console.log(child)</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

![Image 1][]

### ###

### **Object.defineProperties(obj,props)** ###

#### 直接在一个对象上定义新的属性或修改现有属性，并返回该对象。 ####

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>obj&nbsp;=&nbsp;{};</code> 
     </div> 
     <div> 
      <code>Object.defineProperties(obj,&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>'property1'</code> 
      <code>:&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>value:&nbsp;</code> 
      <code>true</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>writable:&nbsp;</code> 
      <code>true</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>},</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>'property2'</code> 
      <code>:&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>value:&nbsp;</code> 
      <code>'Hello'</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>writable:&nbsp;</code> 
      <code>false</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>//&nbsp;etc.&nbsp;etc.</code> 
     </div> 
     <div> 
      <code>});</code> 
     </div> 
     <div> 
      <code>console.log(obj)&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;{property1:&nbsp;true,&nbsp;property2:&nbsp;"Hello"}</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### ** ** ###

### **Object.defineProperty(obj,prop,descriptor)** ###

在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。

### **Object.keys(obj)** ###

返回一个由一个给定**对象**的自身可枚举属性组成的**数组**，数组中属性名的排列顺序和使用 [`for...in`][for...in] 循环遍历该对象时返回的顺序一致 （两者的主要区别是 一个 for-in 循环还会枚举其原型链上的属性）。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>let</code>&nbsp; 
      <code>arr&nbsp;=&nbsp;[</code> 
      <code>"a"</code> 
      <code>,&nbsp;</code> 
      <code>"b"</code> 
      <code>,&nbsp;</code> 
      <code>"c"</code> 
      <code>];</code> 
     </div> 
     <div> 
      <code>console.log(Object.keys(arr));</code> 
     </div> 
     <div> 
      <code>//&nbsp;['0',&nbsp;'1',&nbsp;'2']</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>/*&nbsp;Object&nbsp;对象&nbsp;*/</code> 
     </div> 
     <div> 
      <code>let</code>&nbsp; 
      <code>obj&nbsp;=&nbsp;{&nbsp;foo:&nbsp;</code> 
      <code>"bar"</code> 
      <code>,&nbsp;baz:&nbsp;42&nbsp;},</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>keys&nbsp;=&nbsp;Object.keys(obj);</code> 
     </div> 
     <div> 
      <code>console.log(keys);</code> 
     </div> 
     <div> 
      <code>//&nbsp;["foo","baz"]&nbsp;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### **Object.values()** ###

方法返回一个给定对象自己的所有可枚举属性值的数组，值的顺序与使用[`for...in`][for...in]循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。

`Object.values`会过滤属性名为 Symbol 值的属性。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>an_obj&nbsp;=&nbsp;{&nbsp;100:&nbsp;</code> 
      <code>'a'</code> 
      <code>,&nbsp;2:&nbsp;</code> 
      <code>'b'</code> 
      <code>,&nbsp;7:&nbsp;</code> 
      <code>'c'</code>&nbsp; 
      <code>};</code> 
     </div> 
     <div> 
      <code>console.log(Object.values(an_obj));&nbsp;</code> 
      <code>//&nbsp;['b',&nbsp;'c',&nbsp;'a']</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>obj&nbsp;=&nbsp;{&nbsp;0:&nbsp;</code> 
      <code>'a'</code> 
      <code>,&nbsp;1:&nbsp;</code> 
      <code>'b'</code> 
      <code>,&nbsp;2:&nbsp;</code> 
      <code>'c'</code>&nbsp; 
      <code>};</code> 
     </div> 
     <div> 
      <code>console.log(Object.values(obj));&nbsp;</code> 
      <code>//&nbsp;['a',&nbsp;'b',&nbsp;'c']</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### **Object.entries()** ###

返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 [`for...in`][for...in] 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>const&nbsp;obj&nbsp;=&nbsp;{&nbsp;foo:&nbsp;</code> 
      <code>'bar'</code> 
      <code>,&nbsp;baz:&nbsp;42&nbsp;};</code> 
     </div> 
     <div> 
      <code>console.log(Object.entries(obj));&nbsp;</code> 
      <code>//&nbsp;[&nbsp;['foo',&nbsp;'bar'],&nbsp;['baz',&nbsp;42]&nbsp;]</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>const&nbsp;simuArray&nbsp;=&nbsp;{&nbsp;0:&nbsp;</code> 
      <code>'a'</code> 
      <code>,&nbsp;1:&nbsp;</code> 
      <code>'b'</code> 
      <code>,&nbsp;2:&nbsp;</code> 
      <code>'c'</code>&nbsp; 
      <code>};</code> 
     </div> 
     <div> 
      <code>console.log(Object.entries(simuArray));&nbsp;</code> 
      <code>//&nbsp;[&nbsp;['0',&nbsp;'a'],&nbsp;['1',&nbsp;'b'],&nbsp;['2',&nbsp;'c']&nbsp;]</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### **hasOwnProperty()** ###

判断对象**自身**属性中是否具有指定的属性。

obj.hasOwnProperty('name')

### **Object.getOwnPropertyDescriptor(obj,prop)** ###

返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）.

如果指定的属性存在于对象上，则返回其属性描述符对象（property descriptor），否则返回 undefined。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>arr&nbsp;=&nbsp;[</code> 
      <code>'name'</code> 
      <code>,</code> 
      <code>'age'</code> 
      <code>]&nbsp;;</code> 
     </div> 
     <div> 
      <code>arr.forEach(val&nbsp;=&gt;&nbsp;console.log(Object.getOwnPropertyDescriptor(obj,val)))</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;{value:&nbsp;"js",&nbsp;writable:&nbsp;true,&nbsp;enumerable:&nbsp;true,&nbsp;configurable:&nbsp;true}</code> 
     </div> 
     <div> 
      <code>//&nbsp;undefined</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### ** Object.getOwnPropertyDescriptors(obj)** ###

获取一个对象的所有自身属性的描述符。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>obj&nbsp;=&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>name&nbsp;:&nbsp;</code> 
      <code>'js'</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>age&nbsp;:&nbsp;20</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>console.log(Object.getOwnPropertyDescriptors(obj))</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

![Image 1][]

![752297-20180122112247272-2087440263.png][]

### **Object.getOwnPropertyNames()** ###

#### 返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。 ####

### ###

### **Object.getOwnPropertySymbols()**  ###

返回一个给定对象自身的所有 Symbol 属性的数组。

### **Object.getPrototypeOf()**  ###

返回指定对象的原型（内部\[\[Prototype\]\]属性的值，即\_\_proto\_\_，而非对象的prototype）。

### **isPrototypeOf()** ###

判断一个对象是否存在于另一个对象的原型链上。

### **Object.setPrototypeOf(obj,prototype)** ###

设置对象的原型对象

### **Object.is()** ###

#### 判断两个值是否相同。 ####

如果下列任何一项成立，则两个值相同：

*  两个值都是 [`undefined`][undefined]
 *  两个值都是 [`null`][null]
 *  两个值都是 `true` 或者都是 `false`
 *  两个值是由相同个数的字符按照相同的顺序组成的字符串
 *  两个值指向同一个对象
 *  两个值都是数字并且
    
     *  都是正零 `+0`
     *  都是负零 `-0`
     *  都是 [`NaN`][NaN]
     *  都是除零和 [`NaN`][NaN] 外的其它同一个数字

### ** ** ###

### **Object.freeze()** ###

冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。也就是说，这个对象永远是不可变的。该方法返回被冻结的对象。

### **Object.isFrozen()** ###

判断一个对象是否被[冻结][Link 2] .

### **Object.preventExtensions()** ###

对象不能再添加新的属性。可修改，删除现有属性，不能添加新属性。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>obj&nbsp;=&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>name&nbsp;:</code> 
      <code>'lilei'</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>age&nbsp;:&nbsp;30&nbsp;,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>sex&nbsp;:&nbsp;</code> 
      <code>'male'</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>obj&nbsp;=&nbsp;Object.preventExtensions(obj);</code> 
     </div> 
     <div> 
      <code>console.log(obj);&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;{name:&nbsp;"lilei",&nbsp;age:&nbsp;30,&nbsp;sex:&nbsp;"male"}</code> 
     </div> 
     <div> 
      <code>obj.name&nbsp;=&nbsp;</code> 
      <code>'haha'</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>console.log(obj)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;{name:&nbsp;"haha",&nbsp;age:&nbsp;30,&nbsp;sex:&nbsp;"male"}</code> 
     </div> 
     <div> 
      <code>delete</code>&nbsp; 
      <code>obj.sex&nbsp;;</code> 
     </div> 
     <div> 
      <code>console.log(obj);&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;{name:&nbsp;"haha",&nbsp;age:&nbsp;30}</code> 
     </div> 
     <div> 
      <code>obj.address&nbsp;&nbsp;=&nbsp;</code> 
      <code>'china'</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>console.log(obj)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;{name:&nbsp;"haha",&nbsp;age:&nbsp;30}</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### **Object.isExtensible()** ###

### ###

判断对象是否是可扩展的，[`Object.preventExtensions`][Object.preventExtensions]，[`Object.seal`][Object.seal] 或 [`Object.freeze`][Link 2] 方法都可以标记一个对象为不可扩展（non-extensible）

### **Object.seal()** ###

#### `Object.seal()` 方法可以让一个对象密封，并返回被密封后的对象。密封一个对象会让这个对象变的不能添加新属性，且所有已有属性会变的不可配置。属性不可配置的效果就是属性变的不可删除，以及一个数据属性不能被重新定义成为访问器属性，或者反之。但属性的值仍然可以修改。尝试删除一个密封对象的属性或者将某个密封对象的属性从数据属性转换成访问器属性，结果会静默失败或抛出`TypeError` `异常. 不会影响从原型链上继承的属性。但 __proto__ (  ) 属性的值也会不能修改。` ####

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>obj&nbsp;=&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>prop:&nbsp;</code> 
      <code>function</code>&nbsp; 
      <code>()&nbsp;{},</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>foo:&nbsp;</code> 
      <code>"bar"</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;可以添加新的属性,已有属性的值可以修改,可以删除</code> 
     </div> 
     <div> 
      <code>obj.foo&nbsp;=&nbsp;</code> 
      <code>"baz"</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>obj.lumpy&nbsp;=&nbsp;</code> 
      <code>"woof"</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>delete</code>&nbsp; 
      <code>obj.prop;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>o&nbsp;=&nbsp;Object.seal(obj);</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>assert(o&nbsp;===&nbsp;obj);</code> 
     </div> 
     <div> 
      <code>assert(Object.isSealed(obj)&nbsp;===&nbsp;</code> 
      <code>true</code> 
      <code>);</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;仍然可以修改密封对象上的属性的值.</code> 
     </div> 
     <div> 
      <code>obj.foo&nbsp;=&nbsp;</code> 
      <code>"quux"</code> 
      <code>;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;但你不能把一个数据属性重定义成访问器属性.</code> 
     </div> 
     <div> 
      <code>Object.defineProperty(obj,&nbsp;</code> 
      <code>"foo"</code> 
      <code>,&nbsp;{&nbsp;get:&nbsp;</code> 
      <code>function</code> 
      <code>()&nbsp;{&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>"g"</code> 
      <code>;&nbsp;}&nbsp;});&nbsp;</code> 
      <code>//&nbsp;抛出TypeError异常</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;现在,任何属性值以外的修改操作都会失败.</code> 
     </div> 
     <div> 
      <code>obj.quaxxor&nbsp;=&nbsp;</code> 
      <code>"the&nbsp;friendly&nbsp;duck"</code> 
      <code>;&nbsp;</code> 
      <code>//&nbsp;静默失败,新属性没有成功添加</code> 
     </div> 
     <div> 
      <code>delete</code>&nbsp; 
      <code>obj.foo;&nbsp;</code> 
      <code>//&nbsp;静默失败,属性没有删除成功</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;...在严格模式中,会抛出TypeError异常</code> 
     </div> 
     <div> 
      <code>function</code>&nbsp; 
      <code>fail()&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>"use&nbsp;strict"</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>delete</code>&nbsp; 
      <code>obj.foo;&nbsp;</code> 
      <code>//&nbsp;抛出TypeError异常</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>obj.sparky&nbsp;=&nbsp;</code> 
      <code>"arf"</code> 
      <code>;&nbsp;</code> 
      <code>//&nbsp;抛出TypeError异常</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>fail();</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>//&nbsp;使用Object.defineProperty方法同样会抛出异常</code> 
     </div> 
     <div> 
      <code>Object.defineProperty(obj,&nbsp;</code> 
      <code>"ohai"</code> 
      <code>,&nbsp;{&nbsp;value:&nbsp;17&nbsp;});&nbsp;</code> 
      <code>//&nbsp;抛出TypeError异常</code> 
     </div> 
     <div> 
      <code>Object.defineProperty(obj,&nbsp;</code> 
      <code>"foo"</code> 
      <code>,&nbsp;{&nbsp;value:&nbsp;</code> 
      <code>"eit"</code>&nbsp; 
      <code>});&nbsp;</code> 
      <code>//&nbsp;成功将原有值改变</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### **Object.isSealed()** ###

判断一个对象是否被密封

参考链接 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects/Object/create

http://es6.ruanyifeng.com/\#docs/object

## ##

[Link 1]: https://www.cnblogs.com/mopagunda/p/8328084.html
[Image 1]: 
[for...in]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...in
[752297-20180122112247272-2087440263.png]: /images/20211213/51cbe0a6e0284644a0313826c750583a.png
[undefined]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/undefined
[null]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/null
[NaN]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/NaN
[Link 2]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze
[Object.preventExtensions]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions
[Object.seal]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/seal