ES6箭头函数return 的问题

最新推荐文章于 2023-01-10 14:59:13 发布
最新推荐文章于 2023-01-10 14:59:13 发布
阅读量3.5k 收藏 6
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39458031/article/details/82015426
版权

// 开发中遇到的问题，网上说的不是很简洁
关于ES6箭头函数的问题
1. const fun1 = ()=>1+2 //执行后结果 3
2. const fun2 = () => {1+2} //执行后结果 undefined
3. const fun3 = () => {return 1+2 } // 执行后结果 3
总结：如果箭头后有{ }，则{}内有return 则返回return后的值，没有 则返回undefined
如果箭头后没有{ }如第一种简写写法，其实是return 1+2

坏坏的书生
关注
【ES6】-箭头函数的使用
m0_48982503的博客
01-07 1220
目录 一、 箭头函数的使用 1. 普通函数到箭头函数 2. 省略大括号和 return 3. 省略小括号 二、箭头函数与普通函数的区别： 1. 箭头函数的 this 是其所在（即定义的位置）上下文的this值 2. call、apply、bind无法改变箭头函数的 this 注意 ： 一、 箭头函数的使用 ES6 中新增了使用箭头=>来定义函数表达式的方法。很多情况下，箭头函数和函数表达式创建的函数并无区别，只有写法上的不同。 1. 普通函数到箭头函数 如下所示，定义一个函..
es6箭头函数中return的用法
baidulixueqin的博客
06-28 410
1.箭头函数没有this 箭头左边是输入参数，右边是输出参数。 不管你对箭头函数做任何的call、bind操作都无效。 this永远都是最开始定义时获取的this。箭头函数的this就是普通变量。 箭头函数里的this就是外面的this(默认的window),箭头函数没有this。 所以你加call、bind没用。上级是对象时this永远都是指向window，只有是非箭头函数时才是上级的this 箭头函数所在的this 是它外面的那个非箭头函数的this。 this指向外层函数作用域(不是外层对象哦)。 2
es6箭头函数return用法
踏步修行
07-17 1815
箭头函数用了也有这么久了，一个return用法小细节记录下来，可以使代码更加简洁。 当使用箭头函数的时候，外部需要获取代码结果，如果函数代码块部分只有一条语句，则可以不使用大括号不用return。 const fn = (a,b)=>a+b; let res = fn(1,2)//3 如果函数代码块部分不只一条语句，需要使用大括号则要用return。 const fn = (a,b)=&g...
箭头函数什么时候不写return
m0_59157023的博客
01-10 777
箭头函数什么时候不写return
箭头函数
weixin_30900589的博客
04-07 77
ES6变化- 箭头函数 作用： 函数目的指向性更强，可读性更好，简化代码，提升开发效率 箭头函数特点： 1.不用写function关键字 2.只能作为函数使用不能new，没有原型 3.参数不能重复命名 4.返回值可以不写return，但是有时需要配合{} 5.内部 arguments this 由定义时外围最接近一层的非箭头函数的 arguments和this决定其值 ...
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 773
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
es6箭头函数this指向及优缺点
xzbqd的博客
12-17 310
es6箭头函数this指向及优缺点
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
ES6箭头函数和扩展实例分析
10-15
**ES6箭头函数**是JavaScript的一个重要更新，它提供了更简洁的语法来定义函数，尤其是在处理回调函数和匿名函数时。箭头函数的主要特点包括： 1. **语法简洁**： 箭头函数的基本形式是 `(参数列表) => 表达式`。...
箭头函数详解
分享互联网的有趣知识~
12-25 2849
箭头函数的定义、箭头函数参数以及返回值、解构赋值、箭头函数的使用注意点、箭头函数的this指向问题、箭头函数不适用场合问题。
ES6中对箭头函数的理解
fangqi20170515的博客
09-02 185
箭头函数内的this是静态的，总是指向定义时所在的对象，而不是调用时，并且this指向是不可改变的；
javascript箭头函数和this的指向问题
qq_41358574的博客
02-09 504
箭头函数 下面两代码等价: const fun1 = function(x){ return x*x;} const fun = x => x*x; function换成=>，放在参数和函数体中间 注意：如果没有参数，或有多个参数，需要使用（）来定义参数列表 如果有一个参数，可以不() 如果函数体中只有一条语句，可以不用{} 排序： let arr = [1,5,2,34,22]; let narr = arr.sort(function(a,b){ return a-b;}); conso
const用法
丰空岛主(Vega Prime,Android,LabWindows,ThreeJS,Python,OpenCV）
03-28 364
1. const的用法： （1）定义常量 （2）修饰函数的参数 （3）修饰函数的返回值 （4）修饰函数的定义体 2. 用const 修饰函数的参数 （1）const 只能修饰输入参数 如果输入参数采用“指针传递”，那么加const 修饰可以防止意外地改动该指针。     例如：void StringCopy(char *strDestin
改变this指向、let和const关键字、箭头函数、箭头函数this指向问题、函数传递参数时的默认值、解构赋值、展开运算符、对象字面量简写
qq_56756602的博客
09-01 313
改变this指向、let和const关键字、箭头函数、箭头函数this指向问题、函数传递参数时的默认值、结构赋值、展开运算符、对象字面量简写
箭头函数返回值undefined？
Wonder
03-09 822
随手一记 var func1 = x => x; var func2 = x =>{x}; var func3 = x => ({x}); console.log(func1(1)); //1 console.log(func2(1)); //undefined console.log(func3(1)); //{x:1} 面试原题，一直不清楚为什么第二个是undefined 结论：当函数体只有一句表达式时，那么可以省略花括号与return；但是！如果使用了花括号，就必须
ES6箭头函数用法
gao_zhennan的博客
07-07 446
内容简介：箭头函数的语法，简化情况，this指向，不适用的场景
JavaScript ES6 异步async函数无法拿到return值-返回undefined的解决方法
老炉传说的专栏
11-18 7125
异步获取函数 直接上异步获取数据的函数 async function getData(url) { const carsDataResponse = await fetch(url); const carsData = await carsDataResponse.json(); const mydt = carsData.map(obj =>{return {name:obj.Name,mpg:obj.Miles_per_Gallon}})
箭头函数中的return
weixin_43663349的博客
08-03 1550
1.有大括号{}只有写return才有返回值，不写return无返回值 2.只有一行语句，可省略大括号和return，利用起来让函数代码更加简洁 const add1 = (a, b) => { a + b }; console.log(add1(1, 2)); //undefined const add2 = (a, b) => { return a + b }; console.log(add2(1, 2)); //3 // 如果箭头函数只有一行语句 可以省略大括号和retu
es6 箭头函数
最新发布
05-25
ES6 中的箭头函数是一种更简洁的函数语法，它可以更方便地定义匿名函数。箭头函数的形式如下： ``` (param1, param2, ...) => {statements} ``` 其中，`(param1, param2, ...)` 是函数的参数列表，`{statements}` 是函数体。 相比于传统的函数定义方式，箭头函数有以下几个特点： 1. 箭头函数是匿名函数，因此通常需要将其赋值给一个变量或者作为参数传递给其他函数。 2. 如果函数体只有一行语句，可以省略花括号和 `return` 关键字，如下所示： ``` (param1, param2, ...) => expression ``` 3. 如果函数只有一个参数，可以省略括号，如下所示： ``` param => {statements} ``` 4. 箭头函数没有自己的 `this` 值，它会继承外层作用域中的 `this` 值，因此可以避免传统函数中 `this` 指向问题的困扰。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值