[转]JS Lambda （箭头函数） 学习总结

最近在搞小程序和h5，对不同定义函数的方法有些混淆，学习一下

Java Script 中，函数有时候用=>来表达。'=>'就是lambda表达式。

定义和使用函数
方式1：函数表达式（function expression）

let myFunc= function(x){
  retrun x+5;
}
myFunc(5);

方式2：函数声明（function declaration）

function myFunc(x){
  return x+5;
}
myFunc(5);

结果都是一样的。
区别：区别在于浏览器在加载JS文件时，如何处理这些函数。
声明式的函数在执行JS文件中的代码之前进行处理，因此可以在定义函数之前就使用语句来调用它。

myFunc(5);
function myFunc(x){
  return x+5;
}

之所以可行，是因为浏览器在解析JS文件时找到函数声明，并在执行剩余语句之前设置好函数，这个过程被称为函数提升（function hoisting）。但是，函数表达式不会受到提升。
使用哪种方式取决于开发者，但是整个项目应保持一致。

• JS不支持多态性，即不能创建名称一样，参数不同的函数。
  JS function支持默认参数与剩余参数
  剩余参数必须是参数中的最后一个，并且在参数名之前用...表示。剩余参数是个数组，任何额外的参数都将被赋值给这个数组。
• 箭头函数
  多用来定义那些仅用作其他函数实参的函数。

let myFunc=(x)=>x=5;

1.  // Create observer object
2.  const myObserver =  {
3.  next: x => console.log('Observer got a next value: '  + x),
4.  error: err => console.error('Observer got an error: '  + err),
5.  complete:  ()  => console.log('Observer got a complete notification'),
6.  };

当只有一个参数时，有两种写法：

x=>x+5;
(x)=>x+5;

建议带上括号，这样更清晰一些。
当函数不带参数时，必须带上 ()

()=> "js lambda";

如果函数内容不止一行，则声明体要加上{}

let myFunc= (x,y)=>{
 let z=5；
  return  (x+y)*z;
}
myFunc(2,2);   //结果为20；

延伸学习：ES6解构语法：

const {next, error} = observer;
//解构语法，相当于定义变量：
const next=observer.next;
const error=observer.error;

如果变量名与属性名不一致，必须写成下面这样

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"

let obj = { first: 'hello', last: 'world' };
let { first: f, last: l } = obj;
f // 'hello'
l // 'world'

所以，解构的本质写法就是：

let { foo: foo, bar: bar } = { foo: "aaa", bar: "bbb" };

转载来源：https://www.jianshu.com/p/77716f7c5930