es6 箭头函数

参数=>函数

1、参数

1)参数为空(写一个空括号即可)

()=>

2). 只有一个参数a(只写a或者在a外加一个括号)

(a)=> 或者 a=>

3). 有多个参数a,b,c,d(必须写在括号里)

(a,b,c,d)=>

4). 含有认值的参数(直接给参数赋值就可以了,同以前一样)

(a=1,b=2,c=3,d=4)=>

5). 含有不定参数(直接写就行,同以前一样)

(a,b,…c)=>

2、函数

1). 函数体只有一条语句

写法: =>语句;

  11. 当函数体只有一条语句时,可以不加花括号,直接将这条语句写在箭头后面即可.

  22. 然后如果这条语句是一个return value这种的话,请去掉return,直接写那个值value即可。在箭头函数执行时,会自动将其作为返回值返回。

  33. 当然,如果这个值是一个对象,请在他的外面加上一个括号如({value})因为如果不加的话,{会被认为是函数体的开始,而不会被认为是一个对象的开始。

2). 有多条语句(要加上花括号,写法和以前一样)

=>{

语句1;

语句2;

语句3;

}

 

总结:

参数:

只有一个参数的时候,可以不写(),否则一定要写上();

函数体:

只有一条语句时,可以写{},也可以不写,有返回值的时候,认是返回的,不需要加return。有多条语句的时候,一定要写上{};

当返回的是一个对象的时候,即{a:1,b:2}这种类似,那么外面一定要加上()即 ({a:1,b:2});

 

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

也可以写成:
var numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers);

// [1, 2, 3, 4, 5]

 

 

参考:

https://jingyan.baidu.com/article/09ea3edec2ecaf81aede39cd.html

https://www.liaoxuefeng.com/wiki/1022910821149312/1031549578462080#0

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...