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
