ES6语法之:解构赋值

首先要知道,这个用法有一套提取值的模式。解构就是“按照一定模式,从数组和对象中提取值”。

其次,了解一些使用场合,比如下面,一次从对象p取得两个值。

class Person {
    constructor() {
        this._age = 29;
        this._name = 'Andy';
    }

    get age() {
        return this._age;
    }

    get name() {
        return this._name;
    }
}

var p = new Person();
let { age, name } = p;

再者,一些注意事项。比如下面小括号的写法,是为了避免JavaScript引擎将{sex: this.sex, addr: this.addr, profession: this.profession}理解成一个代码块。

class Person {
    constructor(opt) {
        this._age = 29;
        this._name = 'Andy';
        ({ sex: this.sex, addr: this.addr, profession: this.profession } = opt);
    }

    get age() {
        return this._age;
    }

    get name() {
        return this._name;
    }
}

let opt = { sex: 'male', addr: 'BeiJing', profession: 'student' };
var p = new Person(opt);
let { age, name } = p;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值