对象的扩展
对象（Object）是Javascript最重要的数据结构。
1、属性的简洁表示法
ES6允许直接写入变量和函数，作为对象的属性和方法。
const foo = 'bar';
const baz = {foo};
baz //{foo: "bar"}
//等同于
const baz={foo:foo};
ES6允许在对象之中直接写变量。这个时候，属性名为变量名，属性值为变量的值。
let birth = '2000/01/01';
const Person = {
name:'张三'，
//等同于birth:birth
birth,
//等同于hello:function()...
hello(){console.log('我的名字是'，this.name);}
};
function getPoint(){
const x=1;
const y=10;
return {x,y};
}
getPoint() //{x: 1, y: 10}
//这种写法用于函数的返回值
const obj = {
class () {}
};
//等同于
var obj = {
'class':function(){}
};
//上面代码中，class是字符串，所以不会因为它属于关键字而导致语法解析报错
如果某个方法的值是一个Generator函数（generator是ES6提供的一种异步编程解决方案，在语法上，可以把它理解为一个状态机，内部封装了多种状态。），前面需要加上星号
const obj = {
*m(){
yield 'hello world';
}
};
2、属性名表达式
Javascript 定义对象的属性，有两种方法：
//方法一，是直接用标识符作为属性名
obj.foo = true;
//方法二，是用表达式作为属性名（这时要将表达式放在方括号内）
obj['a' + 'bc'] = 123;
如果使用字面量方式定义对象，在ES5中只能使用方法一定义属性。
var obj = {
foo:true;
abc:123
};
在ES6中，允许字面量定义对象时，用方法二（表达式）作为对象的属性名。
let propKey = 'foo';
let obj = {
[propKey]:true;
['a' + 'bc']:123
};
表达式还可以定义方法名：
let obj = {
['h' + 'ello'](){
return 'hi';
}
};
object.hello() //hi
注意：属性名表达式与简洁表示法不能同时使用，会报错！
//报错
const foo = 'bar';
const bar = 'abc';
const baz = {[foo]};
//正确
const foo = 'bar';
const baz = {[foo]:'abc'};
注意，要小心！如果属性名表达式是一个对象，默认情况下会自动将对象转为字符串[object Object]
const keyA = {a:1};
const keyB = {b:2};
const myObject= {
[keyA]:'valueA',
[keyB]:'valueB'
};
myObject //myObject {[object Object]: "valueB"}
//[keyA]和[keyB]得到的都是[object Object]，所以[keyB]会把[keyA]覆盖掉，而myObject最后只有一个[object Object]属性。
方法的name属性
函数的name属性，返回函数名。对象方法也是函数，因此也有name属性
const person = {
sayName(){
console.log('hello!');
},
};
person.sayName.name //sayName
//方法的name属性返回函数名（即方法名）
如果对象的方法使用了取值函数（getter）和存值函数（setter），则name属性不是在该方法上面，而是该方法的属性的 描述对象的 get和set属性上面，返回值是方法名前加上get和set
const obj = {
get foo(){},
set foo(x){}
}
obj.foo.name //报错
const descriptor = object.getOwnPropertyDescriptor(obj,'foo');
descriptor.get.name //"get foo"
descriptor.set.name //"set foo"
有两种特殊的情况：
◆ bind方法创造的函数，name属性返回bound加上原函数的名字；
◆ Function构造函数创造的函数，name属性返回anonymous
(new Function()).name //"anonymous"
var doSomething = function(){
//....
}
doSomething.bind().name //"bound doSomething"
4、属性的可枚举型和遍历
可枚举型
对象的每个属性都有一个描述对象（Descriptor），用来控制该属性的行为。
object.getOwnPropertyDescriptor方法可以获取该属性的描述对象
let obj = {foo:123};
object.getOwnPropertyDescriptor(obj,'foo')
// {
// value: 123,
// writable: true,
// enumerable: true,
// configurable: true
// }
描述对象的enumerable属性，称为“可枚举型”，如果该属性为false，就表示某些操作会忽略当前属性
有四个操作会忽略enumerable的fasle的属性
◆ for...in循环：只遍历对象自身的和继承的可枚举的属性
◆ Object.keys()：返回对象自身的所有可枚举的属性的键名
◆ JSON.stringify()：只串行化对象自身的可枚举的属性
◆ Object.assign()：忽略enumerable为false的属性，只拷贝对象自身的可枚举的属性
实际上，引入“可枚举”（enumerable）这个概念的最初目的，就是让某些属性可以规避掉for...in操作，不然所有内部属性和方法都会被遍历到。且因为只有for...in会返回继承的属性，其他三个方法都会忽略继承的属性，只处理自身的属性。
5、super关键字
this关键字总是指向函数所在的当前对象，ES6又新增了另一个类似的关键字super——指向当前对象的原型对象
const proto = {
foo:'hello'
};
const obj = {
foo:'world',
find(){
return super.foo;
}
};
Object.setPrototypeOf(obj, proto);
obj.find() // "hello"
//在对象obj.find()方法之中，通过super.foo引用了原型对象的proto的foo属性
注意：super关键字表示原型对象时，只能用在对象的方法之中，用在其他地方都会报错。
//报错
const obj = {
foo:super.foo
}
//报错
const obj = {
foo:()=>super.foo
}
//报错
const obj = {
foo:()=>super.foo
}
//报错
const obj ={
foo:function(){
return super.foo
}
}
//上面三种方法都会报错，因为对Javascript引擎来说，这里的super都没有用在对象的 方法之中
//第一种写法是super用在属性里面
//第二种和第三种写法是super用在一个函数里面然后再赋值给foo属性
//目前，只有对象方法的简写法可以让Javascript引擎确认，定义的是对象的方法。
