三十四、ES6中箭头函数的使用

版权声明：本文为博主原创文章，未经博主允许欢迎转载，请注明原文链接。一起交流，共同进步。 https://blog.csdn.net/newbie_907486852/article/details/83537062

1、单参数箭头函数

ES6中允许使用“箭头”(=>)定义函数：

var  f  = v => v;

以上代码相当于：

var f = function( v )  {
	return v;
}

“箭头”(=>)后面是函数体，“箭头”(=>)相当于function关键字。
function( v )函数只有一个参数就用v表示。

2、无参数箭头函数

var f = () => 5;

等同于

  var f = function() { return 5};

3、多参数的箭头函数

var sum = ( a, b) => a + b;

等同于

    var sum = function( a, b) {
    	return a +b;
    }

4、对象的处理

const full = ({first, last}) => first +"  "+ last;

等同于

    function full(person) {
    	return person.first +"  "+ person.last;
    }

5、简化回调函数

   [1,2,3].map(function(x){
    	return x*x;
    });

使用箭头函数的写法

[1,2,3].map(x => x*x);

另外一个例子：

    var result = values.sort(function(a, b){
    	return a -b;
    });

箭头函数的写法

var result = values.sort((a, b) => a-b);

6、rest参数与箭头函数结合

const numbers = (...nums) => nums;
numbers(1,2,3,4,5,6,7,8,9); //[1,2,3,4,5,6,7,8,9]
//...nums 表示的是一个数组

const headAndTail = ( head, ...tail) => [head, tail];
headAndTail(1,2,3,4,5,6,7,8,9);// [1, [2,3,4,5,6,7,8,9]]

7、带函数名的多参箭头函数

function add(x,y){return x+y};

//这是es5中定义函数的写法，es6中我们可以这么搞：

var add=(x,y)=>x+y;