JavaScript 中的 “ =＞ “ 箭头函数（上）_javascript =>

一、函数的定义语法有哪些？

1. 第一种，函数声明的方式定义

function sum(a,b){
  return a + b;
}
1
2
3

2. 第二种，函数表达式声明

注意函数后面有分号 ；，因为是表达式。

var a = function sum(a,b){
  // 递归，sum();
  return a + b;
};
1
2
3
4

如果在sum() 函数内部不在调用 sum()，其实 sum 可以省略。

var a = function (a,b){
  return a + b;
};
1
2
3

3. 第三种，" 箭头函数 "，跟函数表达式很像。**

var a  = (a,b) => {
   return a + b;
};
1
2
3

4. （不推荐）最后一种，使用Function构造函数

let a = new Function("a","b","return a+b");
1

二、了解 " 箭头函数 "

• 箭头函数 是ES6新增了 胖箭头（=>）语法定义函数表达式的能力。

• 箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。

三、" 箭头函数 " 如何使用?

• 如果只有一个参数，那也可以省略括号 ( )。只有没有参数，或者参数多个的情况下，才需要括号。

let a = a => {return a*2};
console.log('a:',a(2));// a:4

let b = (a) => {return a*2};
console.log('b:',b(4)); // b:8

//没有参数
let c = ()=>{return 6}
console,log(c()); // 6
1
2
3
4
5
6
7
8
9

• 箭头函数后面只有一行代码（赋值语句或者表达式），也可省略大括号 { }，省略大括号隐式返回这行代码的值

let b = a => a*2;
console.log('b:',b(4)); //b:8

// 下面这个写法是错误的，语法错误。
let b = a => return a*2 ;
1
2
3
4
5

四、箭头函数内部怎么收集参数 - - - rest/spread运算符

var sum = (...args) => args[0]+args[1]; //收集
console.log(sum(1,2,3,4)); //3

var reduce = (a,b)=> b-a;
console.log(reduce(...[3,10]));//展开 7
1
2
3
4
5