javascript箭头函数把函数给简写了[0403]

最新推荐文章于 2023-08-17 21:33:11 发布
最新推荐文章于 2023-08-17 21:33:11 发布
阅读量2.4k 收藏 6
点赞数 3
分类专栏： javascript 文章标签： javascript 箭头函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MY128/article/details/85158038
版权

箭头函数把函数给简写了[0403]

       我不是很喜欢箭头函数，总觉得它让原本就不那么严谨的js更加不严谨了，所以有时候看js程序也是一件很头痛的事情，不过在ES6中加入了这么一个新的方法，已然是既定事实，我们所要做的就只能去接纳它，说不定它还真有自己的闪光点。

       我在[0401]的文章里总结了三种js函数的写法，如果箭头函数算是新的写法的话，那么这里就再增加两种吧，废话少说，上例子。

第一种写法：

      

 第二种写法：

    

 

箭头函数已然是简写了，它还带着一些规则，让简化更加简化了。

规则1： 当函数参数只有一个时，括号可以省略；但是没有参数时，括号不可以省略。

规则2： 函数体（大括号）中有且只有一行return语句时，大括号及return 关键字可以省略。

    

 

总结一下：本文学了箭头函数的两种写法，还有箭头函数的两条规则。

请关注我们的公众号

 

MY128
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
JavaScript函数的Lambda简略写法（箭头函数）
英俊帅比林的博客
09-29 4182
JS的箭头函数是函数表达式的简略写法，格式如下： (参数1,参数2,......,参数n) =>{ 具体函数逻辑 } 该表达式相当于定义了如下函数： function(参数1,参数2,......,参数n) { 具体函数逻辑 } 当我们需要使用这个函数的时候，要将创建的函数赋给一个var变量，然后通过变量的名字去调用它 举个例子： <script> //声明箭头函数 v...
名词：箭头函数
11-22 155
1、无参数函数 let fn = function(){ 　　return 'helloWorld'; } //简写为： let fn = ()=>{//但是没有参数时，括号不可以省略 　　return 'helloWorld'; } //根据规则二，简写为： let fn = ()=>'helloWorld'; 2、一个参数的函数 le...
JS中箭头函数写法及5种简写规则
大剑师兰特的GIS世界
01-29 1839
ES6箭头函数的引入，使函数的写法变的更加简洁。箭头函数没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。
箭头函数的简写写法
小多的博客
12-28 2644
箭头函数 函数名 = (参数...) => {函数体} 由于函数较为简单只有一行，可简写为 const fn1 = (data) => { return data } //简写为 const fn1 = data => data 但是如果想返回一个对象直接用{}包括会默认为函数体，但又不想写 return，则可以使用({})包裹 const fn1 = data => ({name: 'Tom', data}) // data同名简写，实际是data:data ...
JS中的箭头函数
qq_39112047的博客
06-06 1020
函数式编程中有一个非常重要的概念叫纯函数（pure function），javascript符合函数式编程的范式，所以也就有纯函数的概念。在React开发中，纯函数是被多次体积的，react就要求组件必须像是一个纯函数，redux中有一个reducer的概念，也要求必须是一个纯函数。如果我们在执行一个函数时，除了返回函数值之外，还对调用函数产生了附加的影响。（比如修改了参数，修改了全局变量等），这就是造成了副作用。纯函数在执行的过程中就是不能产生这与的副作用，因为副作用往往是bug的温床，很不好。首先来看s
详解Javascript ES6中的箭头函数(Arrow Functions)
11-23
JavaScript ES6引入了一种新的函数定义方式：箭头函数（Arrow Functions），它使用"箭头"（=>）来表示函数的定义。箭头函数简化了函数的书写，并且改变了`this`的指向规则，这对于理解和编写JavaScript代码提供了...
es6函数之箭头函数用法实例详解
10-15
ES6中的箭头函数是JavaScript语法的一大改进，它提供了一种更加简洁的函数定义方式，同时也改变了函数中`this`的绑定规则。下面我们将详细探讨箭头函数的基本用法、特性以及注意事项。 ### 基本用法 1. **单参数...
ES6标准 Arrow Function（箭头函数=）
11-21
ES6中的箭头函数是JavaScript语言的一次重大更新，它为编写函数提供了更为简洁和清晰的语法。箭头函数的引入主要解决了传统函数定义中的一些问题，如易错的拼写和冗余的代码。 首先，传统JavaScript函数的定义方式...
【JavaScript源代码】JavaScript中箭头函数与普通函数的区别详解.docx
12-29
JavaScript中的箭头函数和普通函数在使用上有显著的差异，这些差异主要体现在以下几个方面： 1. **函数定义的简洁性**： - 箭头函数的语法更紧凑，可以视为匿名函数的一种简写形式。如果函数体只包含一个表达式，...
JavaScript中最常用的10种代码简写技巧总结
10-19
9. **箭头函数简写**： 箭头函数提供了一种简洁的定义函数的方式，尤其是单行函数： ```javascript const sayHello = name => console.log('Hello', name); ``` 10. **隐式返回值简写**： 箭头函数如果只有一...
JavaScript之箭头函数
weixin_70443954的博客
12-19 845
箭头函数
箭头函数：对所有函数定义的简写
weixin_42931345的博客
05-13 530
function 函数名(形参列表){ 函数体; return 返回值 } var 函数名 = function(形参列表){ 函数体; return 返回值 } 1. 简化：3句话： 1. 去function,在()和{}之间加=>{} (形参列表) => { 函数体; return 返回值} 2. 如果形参列表中只有一个形参，可省略() 形参1 => { 函数体; return 返回值} 3. 如果函数体只有一句话，可省略{} 形参1 => 一句话 如果仅剩的
【Day2】js高级：箭头函数（涉及如何简写、this指向相关知识点）
m0_46339022的博客
12-12 398
本篇文章是关于js高级知识点梳理的第二篇，会谈到有关于箭头函数的知识点。箭头函数如何简写，以及箭头函数中的this指向，都是在应用中非常值得我们注意的问题。这就是本篇文章对箭头函数的简单讲解和分析了。今天其实还需要整理一下Promise对象的相关知识点，但以前已经整理过了，故在这篇文章不再赘述。详情可见Promise对象详解（涉及回调地狱的解决、async&await的使用）。
js箭头函数对象返回值简写问题
weixin_44524243的博客
04-07 824
es6的箭头函数现在用的是越来越多。 当使用箭头函数有对象返回值时，可以简写 const func = ()=>({name:''wudada}); //表示return 一个对象{name:'wudada'} //为什么不是这样 const func = ()=>{name:''wudada}; //因为直接{}，会被解析为一系列语句，不是纯对象！！ //所以要用圆括号包裹起来(). ...
ES6 Javascript中箭头函数
weixin_54614831的博客
07-11 279
ES6 Javascript中的箭头的函数 箭头函数中的this指向 箭头函数的简写
箭头函数（匿名函数的一个简写）
weixin_44593999的博客
07-07 612
简写规则： function 改写为=> => 可以读成goesto 如果只有一个形参，那就可以省略形参小括号 如果不一个形参，0个或者多个形参，那就不能省略这个形参的小括号了 如果函数体只有一句话,那就可以省略函数体大括号 如果函数体只有一句话，并且这一句话是return 返回值 那return也要省略 如果函数不一句话,不能省略这个大括号 ...
es6箭头函数缩写
Hiroshi's
02-14 481
// 这样return的语句只有1条可以简写 const isCollapse = computed(() => { return root.$store.state.isCollapse }) 简写： const isCollapse = computed(() => root.$store.state.isCollapse)
箭头函数的简写
meteorshower2013的博客
10-22 1919
今天看到这行代码，有点蒙蔽 key => ({ key, val: key }) 首页可以明确这是箭头函数 可是箭头函数不是下面这样的吗，右边怎么是个圆括号？ (params) => { statements } 我们就去查阅资料。 发现了箭头函数的简写方式。 简写1 参数列表只有单个参数时，左边括号（）可以省去 如下 (singleParam) => { statements } // 等价于 singleParam => { statements } 简写2 函数体是返回一
箭头函数的简写形式、特点、基本用法
最新发布
z142536x的博客
08-17 595
箭头函数（Arrow Function）是ES6中引入的一种新的函数定义方式，它提供了一种更简洁的语法形式和更方便的作用域绑定。箭头函数通常用于简化函数的定义和使用，特别是在回调函数、数组方法（如。这是箭头函数的最基本形式，参数用括号包裹起来，后跟一个箭头（简写形式： 当箭头函数只有一个参数时，可以省略参数的括号。当箭头函数的函数体只有一条返回语句时，可以省略花括号和。箭头函数的语法形式有两种：基本形式和简写形式。
javascript箭头函数
05-27
JavaScript的箭头函数是一种简写函数的语法。箭头函数使用箭头 => 来替代 function 关键字。 箭头函数的语法如下： ``` (param1, param2, …, paramN) => { statements } ``` 其中，param1, param2, …, paramN是函数的参数，statements是函数的执行语句块。 如果箭头函数只包含一个语句，可以省略花括号和 return 关键字： ``` (param1, param2, …, paramN) => expression ``` 例如： ``` const sum = (a, b) => a + b; console.log(sum(1, 2)); // 输出 3 ``` 箭头函数还有一些特殊的用法，例如可以和数组的 map、filter 方法一起使用，可以更简洁地实现一些功能。但是需要注意的是，箭头函数没有自己的 this，它的 this 始终指向定义时的作用域中的 this。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值