JS进阶：箭头函数

于 2024-07-15 20:25:25 发布
阅读量349 收藏 3
点赞数 6
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80092823/article/details/140447583
版权

适用于那些本来需要匿名函数的地方。

基本语法

语法1：基本

语法2:只有一个参数可以省略小括号

语法3:如果函数体只有一行代码，可以写到一行,并且无需写 return 直接返回值普通函数

语法4:加括号的函数体返回对象字面量表达式

总结

1.箭头函数属于表达式函数，因此不存在函数提升

2.箭头函数只有一个参数时可以省略圆括号()

3.箭头函数函数体只有一行代码时可以省略花括号，并自动做为返回值被返回

4.加括号的函数体返回对象字面量表达式

箭头函数参数

1.普通函数有arguments动态参数

2.箭头函数没有arguments动态参数，但是有剩余参数..args

总结

箭头函数里面有arguments动态参数吗?可以使用什么参数?

  • 没有arguments动态参数
  • 可以使用剩余参数

箭头函数this

在箭头函数出现之前，每一个新函数根据它是被如何调用的来定义这个函数的this值，非常令人讨厌。箭头函数不会创建自己的this，它只会从自己的作用域链的上一层沿用this。

在开发中【使用箭头函数前需要考虑函数中this的值】，事件回调函数使用箭头函数时，this为全局的window，因此DOM事件回调函数为了简便，还是不太推荐使用箭头函数

..儒
关注
JS进阶：作用域、解构、箭头函数
m0_64371862的博客
12-01 471
在箭头函数出现之前，每一个新函数根据它是被如何调用的来定义这个函数的this值， 非常令人讨厌。引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁。引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁。函数作用域：在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。外层】就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。函数内部声明的变量，在函数外部无法被访问。函数的参数也是函数内部的局部变量。
Web-前端教程38 JS进阶：上下文.zip
05-24
JavaScript是Web前端开发的核心语言，本教程聚焦于JS的进阶知识——上下文。在JavaScript中，上下文是一个至关重要的概念，它涉及到函数执行、作用域以及闭包等多个方面。理解上下文对于提升编程能力、避免常见错误...
JS中的箭头函数
qq_39112047的博客
06-06 1049
函数式编程中有一个非常重要的概念叫纯函数（pure function），javascript符合函数式编程的范式，所以也就有纯函数的概念。在React开发中，纯函数是被多次体积的，react就要求组件必须像是一个纯函数，redux中有一个reducer的概念，也要求必须是一个纯函数。如果我们在执行一个函数时，除了返回函数值之外，还对调用函数产生了附加的影响。（比如修改了参数，修改了全局变量等），这就是造成了副作用。纯函数在执行的过程中就是不能产生这与的副作用，因为副作用往往是bug的温床，很不好。首先来看s
js箭头函数
qq_61856312的博客
08-16 997
Arrow Function（箭头函数），箭头函数不使用关键字function来声明，箭头函数是匿名函数的简写形式，参数的圆括号可以省略，return也可以省略，函数体的花括号也可以省略。但是要符合相应的条件。...
深入理解JavaScript箭头函数
倾城一笑stu
12-23 2万+
箭头函数就是个简写形式的函数表达式，并且它拥有词法作用域的this值（即不会新产生自己作用域下的this，arguments,super和new.target等对象）。此外，箭头函数总是匿名的。 语法 基础语法 (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression
js 箭头函数详解
RayShyy的博客
03-08 3万+
1. 认识箭头函数 es6 新增了使用胖箭头（=>）语法定义函数表达式的能力，很大程度上，箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方，都可以使用箭头函数： // 普通函数 let sum = function(a, b) { return a + b; } // 箭头函数 let sum1 = (a, b) => { return a + b; } 箭头函数简洁的语法对开发者来说是十分友好的，从上面的例子可以得知箭头函数的简单用法：
js基础笔记学习85-箭头函数得返回值
最新发布
qq_41632427的博客
11-04 364
前端
Web-前端教程34 JS进阶：头等函数.zip
05-24
7. **箭头函数**：ES6引入了箭头函数，它提供了更简洁的函数定义方式，并且改变了`this`的指向，使得它在处理事件处理程序、回调函数时更加方便。 通过以上讲解，我们可以看出JavaScript中的头等函数是其灵活性和...
掌握JS进阶：作用域的深度解析
ECMAScript的更新版本引入了许多新特性，如箭头函数、类、模块、异步函数等，这些特性都与作用域紧密相关。 8. 本教程内容概述 该"Web-前端教程37 JS进阶：作用域.zip"压缩包中包含的视频教程"Web-前端教程37 JS...
JavaScript进阶：ES6详解与变量扩展
虽然所有的ES6特性都可以用ES5实现，但ES6的语法更易于理解和使用，比如使用模板字符串、箭头函数和模块导入等。 4. **ES6与ES5的差异** - **类与继承**：ES6引入了类(class)的概念，使得面向对象编程更加直观。...
=> js 中箭头函数使用总结
热门推荐
yangxiaodong88的博客
05-26 6万+
箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x => x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处， 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的，...
JavaScript箭头函数返回箭头函数
season_hai
03-21 2130
以下代码中，执行后输出什么结果呢？ <html> <body> </body> <script> var a = 123 const foo = () => a => console.log(this.a) // 结果？ var obj1 = { a: 'obj1' } var obj2 = { a: 'obj2' } var bar = foo.c.
js 箭头函数返回undefined;
weixin_30294709的博客
05-18 476
由于本人是写java的，lambda在Java中是不用写return是会编译报错的。 要么去掉中括号，要么写return； 而在js中，则不报错，打印出来的值是undefined console.log(reqAddress("40.10038,116.36867"))===undefined。 其中ajax函数返回一个Promise。 虽然Java很繁琐，但是很多语法问题在编译...
普通函数和箭头函数的区别
阳光下的冷静的博客
03-24 1万+
普通函数和箭头函数的区别： 箭头函数的this指向规则： 1. 箭头函数没有prototype(原型)，所以箭头函数本身没有this 2. 箭头函数的this指向在定义的时候继承自外层第一个普通函数的this。 3. 不能直接修改箭头函数的this指向 4. 箭头函数外层没有普通函数，严格模式和非严格模式下它的this都会指向window(全局对象) 箭头函数的 箭头函数的arguments 箭头函数的this指向全局，使用arguments会报未声明的错误 箭头函数的this指向普通函数时,它的argum
javascript中的箭头函数
忆水思寒的博客
04-26 2173
1.箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return： 2. 箭头=>前面是形参，箭头后面是函数体，函数匿名 如果参数不是一个，就需要用括号()括起来： 如果要返回一个对象，就要注意，如果是单表达式，这么写的话会报错： x => { foo: x }应该改为 x => ({ foo: x }) 3.(this函数) 箭头函数看上去是匿名函数
js 箭头函数什么时候不需要用return 就可以有返回值
蚁族的奋斗的博客
04-23 7709
es6箭头函数中return的用法
astonishqft的博客
11-15 1万+
最近在项目中频繁的使用了箭头函数，在使用的过程中经常遇到以下几个问题，下载记录下来： 如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回 例子： const foo = (a, b) =&amp;gt; { a+b; } foo(1, 2) // undefined const foo1 = (a, b) =&amp;gt; { return a+b;...
JS基础知识（二十八）：箭头函数
前端
11-17 7420
1、箭头函数的使用 箭头函数有两种格式， 一种只包含一个表达式，没有{…} 和 return 一种包含多条语句， 这个时候{} return 就不能省略 箭头函数类型 代码 没有参数 () => 100 function(){ return 10} 一个参数 x => x+1 function(x){ return x + 1} 多个参数 (x, y) => x + y function(x, y) { return x + y} 可变参数 (x, y, …re
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值