箭头函数基础知识梳理（一）

本文仅对表达式部分语法进行梳理，当然相对于普通函数，箭头函数不仅仅是看上去更加的简洁，还有一个重要的作用就是，箭头函数在可以解决普通函数中，发生指针偏离的问题。

1.单参数
普通函数表达式

function demo （a=2）{
return a+a;
}

箭头函数表达式

let demo=(a=2)=>a+a;

2.多参数
普通函数表达式

function demo （a，b）{
return a*a;
}

箭头函数表达式

let demo=(a，b)=>a*a; //默认返回值

3.无返回值
普通函数表达式

function demo （a，b）{
console.log(a+b);
}

箭头函数表达式

let demo=(a,b)=>{ console.log(a+b)};

4.多行
普通函数表达式

function demo （a，b）{
console.log(a+b);
return a+b;
}

箭头函数表达式

let demo=(a,b)=>{
console.log(a+b);
return a+b;
};

总结：普通函数表达式的结构是这样的：

function name(arguments) {
statements;
}

那么箭头函数：
单参数和多参数函数：

let/var/const name=（arguments）=>(statements;)；

无返回值：

let/var/const name=（arguments）=>{statements}；

多行：

let/var/const name=（arguments）=>{
statements1；
statements2；
}；

其中，多行和无返回值的箭头函数表达式中，用{ }将statements包裹起来，且多行中statements后面的;没有被省略，无返回值的被省略了。

最后mark一下用来声明变量的let、var 以及const 之间的异同：
同：用来声明
不同：let用来声明局部变量，有作用域，仅对所在的代码块有效；
var则用来声明全局变量；
const声明一个只读的常量,一旦声明，就不可改变。