JavaScript函数之箭头函数

箭头函数表达式

箭头函数包括一个参数列表（零个或多个参数，如果参数个数不是一个的话要用 ( … )包围起来），然后是标识 =>，函数体放在最后。

示例讲解

例一：

 // 传统的定义方式var sum1=function(a){return a+a;}// 箭头函数var sum =(a)=>{return a+a;}//将functon关键字省略//如果有且只有一个参数，则可以将小括号省略var sum=a=>{return a+a;}// 如果方法体中有且只有一行命令，且该命令是返回语句 则也可以将大括号省略var sum=a=>a+a;

例二：在数组中使用

 var arr=[1,3,5,7,9,6];//求数组中的偶数// 1.传统方式var new_arr= arr.filter(function(v){if(v%2==0){return true;}else{return false;}})console.log(new_arr)//2.使用箭头函数new_arr= arr.filter(v=>v%2==0) //更加简洁console.log(new_arr)

使用箭头函数的注意点

箭头函数支持普通函数参数的所有功能，包括默认值、解构、rest 参数等
箭头函数转变带来的可读性提升与被转化函数的长度负相关。这个函数越长，=> 带来的好处就越小；函数越短，=> 带来的好处就越大。

JavaScript函数之箭头函数相关推荐

# 普通函数和箭头函数的区别
普通函数和箭头函数写在前面函数(Function)是 JavaScript 里的'一等公民'.是由称为函数体的一系列语句组成.可以当做入参,出参(返回值)使用.和对象一样,有自己的属性和方法.区别 ...
js匿名函数、箭头函数，区别
js匿名函数.箭头函数,以及他们的区别匿名函数箭头函数区别 1.匿名函数简单点说就是没有名字的函数,在声明函数时不写函数名称,(将函数赋值给变量)叫匿名函数. 匿名函数可以有效的保证在页面上写 ...
js map 箭头_JS异常函数之箭头函数
来源:logrocket作者:Maciej Cieślar 译者:前端小智为了保证的可读性,本文采用意译而非直译. 在JS中,箭头函数可以像普通函数一样以多种方式使用.但是,它们一般用于需要匿名函数 ...
js map 箭头_JS异常函数之-箭头函数
来源:logrocket 作者:Maciej Cieślar 译者:前端小智为了保证的可读性,本文采用意译而非直译. 在JS中,箭头函数可以像普通函数一样以多种方式使用.但是,它们一般用于需要匿名函 ...
箭头运算符_论普通函数和箭头函数的区别以及箭头函数的注意事项和不适用场景...
论普通函数和箭头函数的区别以及箭头函数的注意事项和不适用场景箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱.就是这种我们日常开发中一直在使用的API,大 ...
java 箭头函数_箭头函数丶Java教程网-IT开发者们的技术天堂
基本用法在ES6中允许使用 => 来定义函数,如下: var f = a => a; console.log(f(1)); //1 就等同于 var f = function(a){ r ...
es6箭头函数_【知识点】ES6箭头函数、箭头函数与普通函数的区别
作者:長安曹公子文章出处:ES6 - 箭头函数.箭头函数与普通函数的区别一.基本语法 ES6中允许使用箭头=>来定义箭头函数,具体语法,我们来看一个简单的例子: // 箭头函数 let fu ...
普通函数和箭头函数区别
如何回答面试官普通函数和箭头函数的区别(this指向) 普通函数和箭头函数区别有以下几点区别: 声明方式不同:普通函数可以是声明式的,也可以是赋值式:而箭头函数只能是赋值式的: this指向不同:普通 ...
JavaScript——this与箭头函数
首先了解this运行环境一.问题的由来学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果. var obj = {foo: function () {} };var ...

JavaScript函数之箭头函数

箭头函数表达式

示例讲解

使用箭头函数的注意点

JavaScript函数之箭头函数相关推荐

最新文章

热门文章