ECMAScript 6 （8）对象

ゝ一纸荒年。 2023-07-07 15:59 23阅读 0赞

注意，简写的对象方法不能用作构造函数，会报错。

const obj = {
      f() {
        this.foo = 'bar';
      }
    };
    
    new obj.f() // 报错

上面代码中，`f`是一个简写的对象方法，所以`obj.f`不能当作构造函数使用。

\------

### 属性的遍历 [§][Link 1] [⇧][Link 2] ###

ES6 一共有 5 种方法可以遍历对象的属性。

**（1）for...in**

`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 或字符串，也不管是否可枚举。

以上的 5 种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。

*  首先遍历所有数值键，按照数值升序排列。
 *  其次遍历所有字符串键，按照加入时间升序排列。
 *  最后遍历所有 Symbol 键，按照加入时间升序排列。

Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 })
    // ['2', '10', 'b', 'a', Symbol()]

上面代码中，`Reflect.ownKeys`方法返回一个数组，包含了参数对象的所有属性。这个数组的属性次序是这样的，首先是数值属性`2`和`10`，其次是字符串属性`b`和`a`，最后是 Symbol 属性。

\------

参考：[https://es6.ruanyifeng.com/\#docs/object][Link 2]

[Link 1]: https://es6.ruanyifeng.com/#docs/object%23%E5%B1%9E%E6%80%A7%E7%9A%84%E9%81%8D%E5%8E%86
[Link 2]: https://es6.ruanyifeng.com/#docs/object

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript 6 （10） Promise 对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了`Pr

迷南。/ 2023年07月08日 02:43/ 0 赞/ 15 阅读

相关 ECMAScript 6 （8）对象

注意，简写的对象方法不能用作构造函数，会报错。 const obj = { f() { this.foo = 'bar'; }

ゝ一纸荒年。/ 2023年07月07日 15:59/ 0 赞/ 24 阅读

相关 ECMAScript6笔记：Promise对象

Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一

小鱼儿/ 2022年07月16日 13:23/ 0 赞/ 268 阅读

相关 ECMAScript6笔记：ECMAScript6简介

ECMAScript 6.0（简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型

小灰灰/ 2022年07月15日 13:43/ 0 赞/ 295 阅读

相关 ECMAScript6笔记：对象的扩展

属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 var foo = 'bar'; var baz = {fo

Love The Way You Lie/ 2022年07月15日 09:54/ 0 赞/ 231 阅读

相关 EcmaScript 6 新对象 Map()

`Map` 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。语法： new Map([iterable]) 参数 iterable 可以是

红太狼/ 2022年06月04日 03:57/ 0 赞/ 238 阅读

相关 ECMAScript6遍历对象方法

// function getObj(){ // yield '1'; // yield '2'; //

素颜马尾好姑娘i/ 2022年01月16日 13:05/ 0 赞/ 334 阅读

相关 ECMAScript6的对象继承

class Person{ constructor(name,age,sex){ this.name = name;

曾经终败给现在/ 2022年01月16日 11:39/ 0 赞/ 328 阅读

相关 ECMAScript 6（13）对象的扩展

目录 1. 简要概括 2. 简洁写法 2.1 属性名缩写, 与函数缩写 2.2 setter和getter的简洁写法 3. 属性名表达式 3.1

妖狐艹你老母/ 2021年09月19日 15:30/ 0 赞/ 342 阅读

相关 ECMAScript 6（8）数值的扩展 (1) Number对象扩展

目录数值的扩展 1. 二进制和八进制 2. 数字类型判断 Number.isFinite(), Number.isNaN() Number.isFin

心已赠人/ 2021年09月19日 13:46/ 0 赞/ 368 阅读