js 属性遍历（JavaScript属性）

1: 属性的简写

const obj = 'a'; 
const obj1 = {obj} 
console.log(obj1) // {obj:a}
 function f(x,y) { 
     return {x,y} // 等同于{x:x,y:y} 
}

应用：函数的返回值

function getPoint() { 
  const x = 1; 
  const y = 10; 
  return {x, y}; 
} 
getPoint() // {x:1, y:10}

2：name属性

函数的name属性，返回的是函数名，对象也是函数，因此也有name属性

3：属性的遍历

有五种方式：

（1）for...in

循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）

（2）Object.keys(obj)

Object.keys返回一个数组，包括对象自身的（不含继承的）

所有可枚举属性（不含 Symbol 属性）的键名。

（3）Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一个数组，

包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名。

（4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组，

包含对象自身的所有 Symbol 属性的键名。

（5）Reflect.ownKeys(obj)

Reflect.ownKeys返回一个数组，包含对象自身的（不含继承的）

所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。

总结：

首先遍历所有数值键，按照数值升序排列。

其次遍历所有字符串键，按照加入时间升序排列。

最后遍历所有 Symbol 键，按照加入时间升序排列。

4：super关键字

this关键字总是指向函数当前所在的对象，

super总是指向对象的原型对象

5：Object.is()

比较两个值是否相等以前是 == === 它们的缺点是，前者会自动转换类型，

后者NaN不等于自身。+0等于-0

而Object。is可以用来解决这个问题。

它用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。

Object.is('foo', 'foo') // true 
Object.is({}, {}) // false

不同之处只有两个：一是+0不等于-0，二是NaN等于自身。

+0 === -0 //true
 NaN === NaN // false
 Object.is(+0, -0) // false
 Object.is(NaN, NaN) // true

6：Object.keys()，Object.values()，Object.entries()

var obj = { foo: 'bar', baz: 42 }; 
  Object.keys(obj) // ["foo", "baz"] 
let {keys, values, entries} = Object; 
let obj = { a: 1, b: 2, c: 3 };
 for (let key of keys(obj)) { 
    console.log(key); // 'a', 'b', 'c'
 } for (let value of values(obj)) {
     console.log(value); // 1, 2, 3 
} for (let [key, value] of entries(obj)) { 
    console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]
 }