养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

什么是箭头函数

时间:2024-11-10 18:47:47

现在在js的开发中,箭头函数使用的越来越多,但是很多人对它的用法却不是很清楚,下面我们来详细的看看箭头函数使用方法

什么是箭头函数

工具/原料

电脑

浏览器

箭头函数的用法

1、基本示例语法:【函数的参数=>函数体】如下:可以看到,使用箭头函数不需要写函数名与function关键字,只需要写【函数的参数列表=>函数体】

什么是箭头函数

2、组成部分js箭头函数中的箭头函数主要分为三部分 =>前的部分【参数部分】 => =>后的部分【函数体部分】

什么是箭头函数

3、=>前的部分=>溱碳叛鹤前的部分是函数的参数部分,主要有以下几种情况:1.参数为空(写一个空括号即可)()=>2.只有一个参数a(只写a或者在a外加一个括号)(a)=>或者锾攒揉敫a=>3.有多个参数a,b,c,d(必须写在括号里)(a,b,c,d)=>4.含有默认值的参数(直接给参数赋值就可以了,同以前一样)(a=1,b=2,c=3,d=4)=>5.含有不定参数(直接写就行,同以前一样)(a,b,…c)=>6.另外,箭头函数参数也支持解构赋值。

什么是箭头函数

4、=>后的部分=>蒹筻分虞后的部分也就是函数体主,要有以下几种情况:1.函数体只有一条语句写法:=>语句;A.当挣窝酵聒函数体只有一条语句时,可以不加花括号,直接将这条语句写在箭头后面即可.B.然后如果这条语句是一个returnvalue这种的话,请去掉return,直接写那个值value即可。在箭头函数执行时,会自动将其作为返回值返回。C.当然,如果这个值是一个对象,请在他的外面加上一个括号如({value})因为如果不加的话,{会被认为是函数体的开始,而不会被认为是一个对象的开始。2.有多条语句(要加上花括号,写法和以前一样)=>{语句1;语句2;语句3;}

什么是箭头函数

5、箭头函数中的this箭头函数会捕获其所在(即定义的位置)上下文的this值,作为自己的this值。

什么是箭头函数

6、对于一个函数而言,如果通过newfn的形式得到的实例对象,可以让this进行指向。如果是直接进行调用执行的haul,this一般执行window,因为此时没有所谓的实例对象

什么是箭头函数

© 一点知识