箭头函数“=＞“

引言：

首先以前的函数定义可分为声明式和定义式

声明式：function fn(){ }

定义式： var obj={say:function(){ }}
  var a=function(){ }
  var arr=[function fn(){ }，200，300]

箭头函数： 

箭头函数比起传统函数的定义，书写更加方便快捷。 

参数 => 函数体

例如：

var f = a => a
f(10); //10

注意：

1.当没有参数或参数有多个时就要用（）括起来；

2.当函数体有多行时要用{ }括起来；

3.当箭头函数要返回对象的时候，为了区分于代码块，要用（）将对象包裹起来。如：

   var f = (id,name) => ({id: id, name: name});
   f(6,2);  // {id: 6, name: 2}

箭头函数与传统函数的区别

1.this关键字：

对象中使用箭头函数，this表示看最近的嵌套的有没有function或方法，没有就是window

var obj={
	name:"karen",
	say:function(){
	    var fn=(a)=>{
		    console.log(this,1111)
		    return 100
	    }
	fn(2)//fn函数是window在调用
    }
}
obj.say()//调用者obj
obj.fn()//obj
fn()//window

 2.不能用new，因为箭头函数不是构造函数

var Rjy = ()=>{
	console.log(this);
}
new Rjy(); //TypeError: Rjy is not a constructor

3.如果箭头函数的执行体只有一个表达式，箭头指向就是返回值return值，可以省略大括号

var fn=(a,b)=>a*b

 如果箭头函数的形参只有一个，可以省略参数体小括号

var fn3=a=>a*a

 4.在回调函数中经常看到 var self = this ，就为了将外部 this 传递到回调函数中。有了箭头函数，就不需要这样做了，直接使用 this 就行。

总结

• 要有个箭头 "=>"

• 箭头的前面是小括号，放形参，只有一个形参的时候可以省略小括号；

• 箭头的后面是函数体；

• 如果函数体只有一个语句，没有{}，此时的返回值不需要return；

• 箭头函数里面的this总是指向最靠近的function 内部的this；

• 对象里面的方法，尽可能不要使用箭头函数；

• 箭头函数里面没有arguments，可以使用…reset，接收过来就是数组类型，接收的是形参之外的所有的实参；