ES6入门教程笔记(9)-对象的扩展

悠悠 2022-03-15 05:28 261阅读 0赞

ES6对对象的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末原文。

## 属性的简洁表示法 ##

ES6允许直接写入变量和方法，作为对象的属性和方法。这种写法更加简洁。

let x = 1;
    let name = 'root';
    
    // ES5
    let obj = { x:x, name:name }; // { x:1, name:"root"}
    
    // ES6
    let obj2 = { x, name }; // { x:1, name:"root" }

上面代码表明，ES6允许在对象中直接写变量，属性名作为变量名，属性值作为变量值。

除了属性简写，方法也可以简写。

// ES6
    const obj = {
        print() {
            return "Hello";
        }
    };
    
    // 等同于
    
    // ES5
    const obj = {
        print: function() {
            return "Hello";
        }
    }

#### 属性的遍历 ####

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

*  for…in
 *  Object.keys(obj)
 *  Object.getOwnPropertyNames(obj)
 *  Object.getOwnPropertySymbols(obj)
 *  Reflect.ownKeys(obj)

## super关键字 ##

ES6新增了一个关键字`super`，指向当前对象的原型对象。

let proto = {
        name: "proto",
    };
    
    let obj = {
        name: "hello",
        print() { cc.log(super.name);}
    };
    
    Object.setPrototypeOf(obj, proto);
    obj.print() // "proto"

上面代码中，通过`super.name`引用了原型对象proto的name属性。

*注：本文原始内容来自 [ES6标准入门][ES6]，有修改。*

[ES6]: http://es6.ruanyifeng.com/

发表评论取消回复

表情：

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

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

相关阅读

相关 ES6学习笔记（对象的扩展）

1.简洁表示法传统的对象赋值一般会写成这样 const getUserInfo = () =>{ const name = 'Lyn';

比眉伴天荒/ 2022年05月17日 11:05/ 0 赞/ 295 阅读

相关 ES6入门教程笔记(4)-字符串的扩展

字符串的遍历器接口 ES6为字符串添加了遍历器接口，使字符串可以被`for...of`循环遍历。 for (let c of 'foo') {

深藏阁楼爱情的钟/ 2022年04月23日 00:08/ 0 赞/ 248 阅读

相关 ES6入门教程笔记(5)-数值的扩展

Number.parseInt(), Number.parseFloat() ES6将全局方法parseInt()和parseFloat()，移植到Number对象上面，

太过爱你忘了你带给我的痛/ 2022年03月22日 04:44/ 0 赞/ 368 阅读

相关 ES6入门教程笔记(6)-函数的扩展

1 函数参数的默认值基本用法 ES6之前，函数参数不能指定默认值，只能用变通的方法。 function print(x, y) { y

ゝ一世哀愁。/ 2022年03月21日 05:46/ 0 赞/ 284 阅读

相关 ES6入门教程笔记(8)-数组的扩展

ES6对数组的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末的原文。 flat() 数组的成员可能还是数组，Array.prototype.flat()可

痛定思痛。/ 2022年03月16日 15:37/ 0 赞/ 250 阅读

相关 ES6入门教程笔记(9)-对象的扩展

ES6对对象的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末原文。属性的简洁表示法 ES6允许直接写入变量和方法，作为对象的属性和方法。这种写法更加简洁

悠悠/ 2022年03月15日 05:28/ 0 赞/ 262 阅读

相关 ES6 对象扩展

方法简写 var person = { say: function(word) { console.log(word); } } pe

Myth丶恋晨/ 2022年02月21日 00:12/ 0 赞/ 350 阅读

相关 es6 对象的扩展

对象的扩展传统对象属性写法 es6对象属性写法属性名表达式属性的可枚举性和遍历

偏执的太偏执、/ 2022年02月01日 14:45/ 0 赞/ 314 阅读

相关 ES6学习笔记---对象的扩展

1、属性、方法可以简写比如属性简写： var foo = 'bar'; var baz = {foo}; // 等同于 var baz = { foo: foo

素颜马尾好姑娘i/ 2021年12月01日 14:10/ 0 赞/ 356 阅读

相关 ES6 对象的扩展

属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。下面代码表明，ES6允许在对象之中，直接写变量。这时，属性名为变量名, 属

悠悠/ 2021年06月24日 16:12/ 0 赞/ 762 阅读