内容简介:js中声明函数的方式越来越多了,ES6新增的lambda语法形式,可以使用旁箭头声明函数(题外话:最早接触lambda是在c#中,感觉c#真的是一门好语言,可惜.NET平台不给力!)言归正传,箭头函数的语法如下:
js中声明函数的方式越来越多了,ES6新增的lambda语法形式,可以使用旁箭头声明函数
(题外话:最早接触lambda是在c#中,感觉c#真的是一门好语言,可惜.NET平台不给力!)
言归正传,箭头函数的语法如下:
param=>expression
也就是
参数=>表达式(函数体)
具体说明参见下图(图引用与《javascript忍者秘籍》)
重点就两点
- 如果函数的参数就一个,可以不使用(),否则就要使用,哪怕没有参数,也要又一个空括号
- 函数体如果只有一行,则不需要{},而且表达式的值会自动return;如果函数体不止一行代码,则需要使用{}包含起来,并且需要使用return关键字返回表达式的值,如果没有return,则此函数的返回值就是undifined
下面通过几个案例,加深对箭头函数的理解和使用
案例1:
var f1=function(name,age){
return ("name:"+name+",age:"+age);
}
console.log(f1('yhb',29));
//使用箭头函数
var f2=(name,age)=>"name:"+name+",age:"+age;
console.log(f2('yhb',20));
案例2:
var values=[3,2,5,0,4,8,7]; values.sort((value1,value2)=>value1-value2); console.log(values);
案例3:
var element=document.getElementById('div1');
element.addEventListener('click',()=>element.textContent='hello');
总结:
通过上面的案例课件,箭头函数的主要应用为替换前面讲到的函数表达式,也就是我们常说的匿名函数
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
深入体验Java Web开发内幕
张孝祥 / 电子工业出版社 / 2007-12 / 55.00元
《深入体验Java Web开发内幕:高级特性》是《深入体验Java Web开发内幕——核心基础》的姊妹篇,Java Web开发的初学者在阅读《深入体验Java Web开发内幕:高级特性》前,应该先学习《深入体验Java Web开发内幕——核心基础》。《深入体验Java Web开发内幕:高级特性》详细阐述了Java Web应用开发中的各种高级特性——Apache文件上传组件的源码分析及应用和编写原理......一起来看看 《深入体验Java Web开发内幕》 这本书的介绍吧!
JS 压缩/解压工具
在线压缩/解压 JS 代码
正则表达式在线测试
正则表达式在线测试