JS Lambda 表达式（箭头函数）

深藏阁楼爱情的钟 2024-03-27 13:46 141阅读 0赞

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

箭头函数有两种格式， 一种只包含一个表达式，没有\{…\} 和 return

一种包含多条语句， 这个时候\{\} return 就不能省略

1.  定义和使用函数  
    方式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" };