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

作者 : 开心源码 本文共1247个字,预计阅读时间需要4分钟 发布时间: 2022-05-12 共173人阅读

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

  • JS不支持多态性,即不能创立名称一样,参数不同的函数。
    JS function支持默认参数与剩余参数
    剩余参数必需是参数中的最后一个,并且在参数名之前用…表示。剩余参数是个数组,任何额外的参数都将被赋值给这个数组。
  • 箭头函数
    多用来定义那些仅用作其余函数实参的函数。
let myFunc=(x)=>x=5;
1.  // Create observer object2.  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" };

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » JS Lambda (箭头函数) 学习总结

发表回复