ES6: Object

方法定义

语法更加简介

#ES6
let obj = {
    myMethod() {
        
    }
}
#ES5
var obj = {
    myMethod: function() {
        
    }
}

Get 和 Set 方法较 ES5 没有变化, 不过 Get 方法的参数不能超过1个, 在 ES5 下是没有参数个数限制的, 但是现在多个参数的 Get 本身已经超出了其真正想要的用法.

let obd = {
    get foo() {
        console.log('Get foo');
        return 123;
    },
    set bar(value) {
        console.log('Set bar to', value);
    }
}
obd.foo
# OUTPUT:
# Get foo
# 123
obd.bar = 'test'
# OUTPUT
# Set bar to test

Generator 方法

let obj = {
    * generatorMethof() {
        yield ...
    }
}

属性

对象属性声明简化

var foo = 'foo'
var bar = 'bar'
let obj = {foo, bar}
# 等价于
let obj = {
    foo: 'foo', bar: 'bar'
}

对象解构

let obj = {x: 'foo', y: 'bar'}
let {x, y} = obj
console.log('x:%s, y:%s', x, y)
# OUTPUT
# x:foo, y: bar

使用变量作为属性名

let prop = 'myProp'
let obj = {
    [prop]: 'hello'
}
# 支持表达式
let obj = {
    ['a' + 'b']: 'hello'
}

Object 新方法

Object.assign(target, source_1, source_2, ···)

属性拷贝, 将sources中的own属性拷贝到target中.

let obj = {foo: 123}
Object.assign(obj, {bar: 456})
console.log('Result:%j', obj);
# OUTPUT:
# Result:{foo: 123, bar: 456}

• 支持普通key, 还支持ES6中的Symbol类型
• 仅支持sources中的自身可枚举类型

Object.is(v1, v2)

NaN在js中是一个对象, 两个NaN是两个不同的对象引用, 无法使用===进行比较, 同时类似[1, 2, NaN].indexOf(NaN)也是无法获取到NaN在数组中的坐标.
Obejct.is就可以用来对NaN进行匹配, Obeject.is(NaN, NaN) // return true
通过ES6中的Array.prototype.findIndex(x => ..)方法就能够在数组中找到NaN的坐标

[1,23, NaN].findIndex(x => Object.is(NaN, x))
// return 2