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