程序员前端

JS Lambda (箭头函数) 学习总结

2018-09-30  本文已影响58人  柳源居士

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

  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)。但是,函数表达式不会受到提升。
使用哪种方式取决于开发者,但是整个项目应保持一致。

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" };
上一篇 下一篇

猜你喜欢

热点阅读