package.json:
{
  "name": "my-project",
  "version": "1.0.0",
  "description": "che",
  "repository": "",
  "scripts": {
    "build": "babel src -d lib"
  },
  "devDependencies": {
    "babel-cli": "^6.14.0",
    "babel-preset-es2015": "^6.14.0"
  },
  "dependencies": {}
}

.babelrc:

{
    "presets": [
      "es2015"
    ],
    "plugins": []
 }

//在项目下执行 npm run build
//就可以把scr目录下的es6的js编译到lib
//目录下

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6
//////////////////////////////
console.log(a);// ReferenceError
let a = 1 ;

var sum = (num1, num2) => num1 + num2;
// 等同于：
var sum = function(num1, num2) {
    return num1 + num2;
 };

箭头函数的几个特性：
1.箭头函数this被绑定为函数定义时的 this 且无法改变(内部没有自己的this) 。
        $(".nav-sports").on('click',()=>{alert(this)});  // window
	$(".nav-sports").on('click',function(){alert(this)}); //html element  
var o = {
    x : 1,
    func : function() { console.log(this.x) },
    test : function() {
        setTimeout(() => { this.func() }, 100);
    }
};
o.test();  //  1

2.不支持arguments。
可以用es6中的剩余函数来解决参数的问题。
	var fun1 =（...arts）=>{alert("你传入了" + arts.length + "个的参数.")};
与剩余参数对应的就是拓展参数。

var people=['Wayou','John','Sherlock'];
//sayHello函数本来接收三个单独的参数人一，人二和人三
function sayHello(people1,people2,people3){
	console.log('Hello'+ people1 + people2 + people3);
}
//但是我们将一个数组以拓展参数的形式传递，它能很好地映射到每个单独的参数
sayHello(...people);//输出：HelloWayouJohnSherlock 

//而在以前，如果需要传递数组当参数，我们需要使用函数的apply方法
sayHello.apply(null,people);//输出：HelloWayouJohnSherlock 
还有默认参数:
	var fun2 =（a = 1 ,b = 2）=>{};

3.箭头函数没有prototype，箭头函数不能被new
    new一个普通函数发生了什么？
        1.首先创建一个空的对象{}
        2.并且this指向这个空对象，并且已经完成了原型链的构建
        3.接下来就是执行函数里的代码，最后返回一个这个对象。
 因为箭头函数没有prototype而且this指针是不变的，
 这么设计是因为在es6中有了class

//没有类的时候  我们通过构造函数原型链完成类
//例如：
	function Person(x) {
  		this.name = x;
	}
	Person.prototype.say = function () {
  		return 'my name'+this.name;
	};
	var p = new Person('John');

//es6 class 的写法 
	class Person{
		constructor(x){
			this.name = x;
		}
		say() {
  			return 'my name'+this.name;
		};
	}
//ES5的构造函数person对应的就是ES6class里面的构造方法，