[原]箭头函数

栏目: ASP.NET · 发布时间: 5年前

内容简介: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');

总结:

通过上面的案例课件,箭头函数的主要应用为替换前面讲到的函数表达式,也就是我们常说的匿名函数


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

从问题到程序-用Python学编程和计算

从问题到程序-用Python学编程和计算

裘宗燕 / 机械工业出版社 / 2017-6-1

本书是以Python为编程语言、面向计算机科学教育中的程序设计基础课程与编程初学者的入门教材和自学读物。本书以Python为工具,详细讨论了与编程有关的各方面问题,介绍了从初级到高级的许多重要编程技术。本书特别强调编程中的分析和思考、问题的严格化和逐步分解、语言结构的正确选择、程序结构的良好组织,以及程序的正确和安全。书中通过大量实例及其开发过程,展示了好程序的特征和正确的编程工作方法。此外,书中......一起来看看 《从问题到程序-用Python学编程和计算》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具