一、js中普通函数定义的方法如下:
function FUNC_NAME(a,b) {
函数体
}
分为四个部分:
1.function保留字
2.函数名
3.括号定义/接收形参
4.大括号定义函数体
调用:
console.log(FUNC_NAME(a,b))
二、箭头函数
(一)箭头函数主要特点:
1.箭头函数最大有点是:简短。为什么要用箭头函数?一个字:短。箭头函数通常省略函数名。
2.箭头函数不能用作构造函数。适用于那些本来需要匿名函数的地方。
3.引入箭头函数有两方面的作用:更简短且不能绑定this。
(二)箭头函数的语法:
1.标准形式:块体
(参数1, 参数2, …, 参数N) => { 函数体 }
var arrowFunc1 = (x, y, z) => {
if (x > 0){
return y + z;
}else{
return y -z;
}
}
a = arrowFunc1(1, 2, 3);//5
b = arrowFunc1(-1, 2, 3);//-1
2. 如果函数体只有一个表达式,可以省略{},return:
(参数1, 参数2, …, 参数N) => 表达式
```
var arrowFunc=(x,y) =>x+y;
a= arrowFunc(1,2);//3
```
3. 如果只有一个参数,可以省略小括号,可以写成:
单一参数=>{函数体}
单一参数=>表达式
4.如果没有参数,应该写成一对圆括号。
()=>{函数体}
()=>表达式
5.支持参数列表解构
ES6允许按照一定模式,从数组和对象提取值,对变量进行赋值,称为“解构”;
```
var arrowFunc=([a,b]=[1,2],{x: c}={x: a+b}) =>a+b+c
a= arrowFunc();
```