分类：箭头函数

2022
05-27

JavaScript中箭头函数与普通函数的区别详解

本文为大家讲解了JavaScript中箭头函数与普通函数的区别，供大家参考，具体内容如下箭头函数：letfun=()=>{console.log('lalalala');}普通函数：functionfun(){console.log('lalla');}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{...}和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{...}和return。箭头函数是匿名函数，不能作为构造函数，不... 继续阅读 >

2021
06-04

JS什么场景不适合箭头函数

概述这些年来，ES6将js的可用性提升到一个新的水平时:箭头函数、类等等,这些都很棒。箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。但每个事务都有两面。通常，新特性会带来一些混乱，其中之一就是箭头函数被误导了。本文将介绍一些场景，在这些场景中，你应该绕过箭头函数，转而使用良好的旧函数表达式或较新的简写语法。并且要注意缩短代码，因为这会影响代码的可读性。定义对象上的方法... 继续阅读 >

2021
05-28

JavaScript哪些场景不能使用箭头函数

1.定义对象方法 JS中对象方法的定义方式是在对象上定义一个指向函数的属性，当方法被调用的时候，方法内的this就会指向方法所属的对象。letobj={array:[1,2,3],sum:()=>{console.log(this===window);//truereturnthis.array.reduce((result,item)=>result+item);}};console.log(this===window);//trueobj.sum();//报错：UncaughtTypeError:Cannotreadproperty... 继续阅读 >

2021
01-17

JS中箭头函数与this的写法和理解

前言JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。一、JS中函数的写法1.常规函数的写法在ES6语法之前，JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别，我们先把这样的函数叫做常规函数，常规函数... 继续阅读 >

2020
10-08

小程序中的箭头函数的具体使用

这个是ES6的箭头函数，res=>可以理解为function(res)箭头函数的最大好处就是省略了varthat=this从而将this改为静态。var函数名=参数名=>返回值;varf=v=>v;//等同于varf=function(v){returnv;};如果不需要参数或有多个参数，要使用圆括号varf=()=>5;varsum=(num1,num2)=>num1+num2;如果函数的代码多于一条，就必须使用大括号将其括起来，并使用retun语句varsum=(num1,num2)=>{returnnum1+num... 继续阅读 >

2020
09-30

JS箭头函数和常规函数之间的区别实例分析【 5 个区别】

本文实例讲述了JS箭头函数和常规函数之间的区别。分享给大家供大家参考，具体如下：在JavaScript中，你可以通过多种方式去定义函数。第一种常用的方法是使用关键字function：//函数声明functiongreet(who){return`Hello,${who}!`;}//函数表达式constgreet=function(who){return`Hello,${who}`;}代码中的函数声明和函数表达式被称为“常规函数”。从ES2015开始，第二种可用的方法是箭头函数语法：constgreet... 继续阅读 >

2020
09-29

ES6箭头函数和扩展实例分析

本文实例讲述了ES6箭头函数和扩展。分享给大家供大家参考，具体如下：1.默认值在ES6中给我们增加了默认值的操作相关代码如下：functionadd(a,b=1){returna+b;}console.log(add(1));可以看到现在只需要传递一个参数也是可以正常运行的。输出结果为：2。2.主动抛出错误ES6中我们直接用thrownewError(xxxx),就可以抛出错误。functionadd(a,b=1){if(a==0){thrownewError('Thisiserror')}returna+b;}console... 继续阅读 >

2020
09-28

ES6标准 Arrow Function（箭头函数=>）

ES6—箭头函数0.为什么会出现箭头函数？1.传统的javascript函数语法并没有提供任何的灵活性，每一次你需要定义一个函数时，你都必须输入function(){},这至少会出现两个问题，ES6箭头函数都圆满解决了它，第一个问题：代码输入快了容易输错成funciton或者functoin或者其它，但是=>这个玩意你要是再写错就只能说有点过分了。第二个问题：节省大量代码，我们先不用管下面的ES6代码为什么这样的语法能实现同样的功能，我们就直观的... 继续阅读 >

2020
09-27

es6函数之箭头函数用法实例详解

本文实例讲述了es6函数之箭头函数用法。分享给大家供大家参考，具体如下：es6允许使用“箭头”(=>)定义函数。varf=v=>v//等同于varf=function(v){returnv}如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。varf=()=>5//等同于varf=function(){return5}varsum=(num1,num2)=>num1+num2//等同于varsum=function(num1,num2){returnnum1+num2}如果箭头函数的代码块部分... 继续阅读 >