3、ES6新特性二

概要

1. 对象的扩展
2. 函数的扩展
3. Module的语法

   1、对象的扩展

   属性的简洁表示法

   es6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这些的书写更加简洁。 ```javascript const foo = ‘bar’; const baz = {foo}; baz // {foo:”bar”}

// 等同于 const baz = {foo: foo};

<a name="Gu3A1"></a>
## 2、函数的扩展
<a name="opWXt"></a>
### 箭头函数
es6允许使用“箭头”（=>）定义函数
```javascript
var f = v => v;
// 等同于
var f = function(v){
  return v;
}

箭头函数的一个用处是简化回调函数

// 正常函数写法
[1, 2, 3].map(function(x){
  return x * x;
});
// 箭头函数写法
[1, 2, 3].map(x => x * x);

3、Module的语法

历史上，JS一直没有模块（module）体系，无法将一个大程序拆分成相互依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的require、Python的import，甚至就连css都有@import，但是Js任何这方面的支持都没有没这对开发大型的、复杂的项目形成了巨大障碍。

export命令

export var firstName = 'Michael';
export function multiply(x ,y){
  return x * y;
}
export default function() {
  console.log("foo");
}

import命令

import {firstName, multiply} from "./demo.js";
import customName from "./export-default";