箭头函数用法

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

1.基本使用
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.参数和返回值
在这里插入图片描述
函数里只有一行代码
在这里插入图片描述
log没有返回值，所以是undefined
在这里插入图片描述
结果为 Hello Demo
undefined
箭头函数：
在函数作为另外一个函数参数的时候，适合用箭头函数
在这里插入图片描述
3.箭头函数的this
返回值都是window
在这里插入图片描述
返回值，一个是window，一个是obj对象
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Shiny0815
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6函数之箭头函数用法实例详解
10-15
下面我们将详细探讨箭头函数的基本用法、特性以及注意事项。 ### 基本用法 1. **单参数简写**： 如果箭头函数只有一个参数，那么可以省略圆括号。例如： ```javascript var f = v => v; ``` 这与传统的函数...
04-箭头函数.rar
11-06
在这个例子中，`increment`方法使用箭头函数，因此`this`将指向组件实例，而不是在其他地方定义的函数中可能的预期对象。 Vue-cli2配置与箭头函数的结合可能涉及到构建配置、插件安装、环境变量设置等。在项目开发...
ES6箭头函数
weixin_44954172的博客
09-23 412
ES6箭头函数总结 1. 箭头函数基本形式 let func = （num) => num; let func = () => num; let sum = (num1,num2) => num1 + num2; [1,2,3].map(x => x * x); 2. 箭头函数基本特点 (1). 箭头函数this为父作用域的this，不是调用...
【JavaScript】13_函数的返回值 + 箭头函数的返回值 + 作用域 +作用域链
wujianrenn的博客
12-22 1013
在函数中，可以通过return关键字来指定函数的返回值返回值就是函数的执行结果，函数调用完毕返回值便会作为结果返回任何值都可以作为返回值使用（包括对象和函数之类）如果return后不跟任何值，则相当于返回undefined如果不写return，那么函数的返回值依然是undefinedreturn一执行函数立即结束
ES6——箭头函数
weixin_54362381的博客
06-19 255
箭头函数: 1、单行代码可加也可不加{ }，若需写多行则添加{ }；单行代码不加{ }的话，箭头函数自带返回值； //单行不加{ }的话，箭头函数自带返回值； const add = (a, b) => a+b //多行则添加{ } const add1 = (a, b) => { a += 1; return a + b; }; console.log(add1(2, 2)); 2、单行代码不需要返回值方法： //行代码添加{ }，以多行方式显示，则无返回值； const pop
ES6---箭头函数
赵佳敏的博客
12-24 1274
ES6---箭头函数一、基本用法二、箭头函数的写法1. 没有返回值（1）不带参数（2）带参数2. 有返回值3. 对象上的函数es6缩写三、箭头函数可以与变量解构结合使用四、箭头函数简化回调函数五、rest 参数与箭头函数六、计时器里面的箭头函数的使用七、箭头函数使用注意点八、箭头函数不适用场景九、箭头函数嵌套问题 一、基本用法 特点：保证上下文this指针一致 ES6 允许使用“箭头”（=>）定义函数。 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 var f.
Typescript-小技巧第一篇
往事不回头,余生不将就
07-27 1万+
1、在Typescript中使用symbol 在tsconfig.json修改配置具体如下 "target": "es5", "module": "commonjs", "lib": [ "ES2015","DOM" ] 这样就可以使用symbol了 2、多个文件变量重命名导致报错，可以使用模块作用域解决问题 在第一行写入 export { };即可解决问题 3、箭头函数返回空对象 项目在某些特殊情况下 需要返回一个空对象 普通写法： const fn1 = (): object => { .
JavaScript ES6箭头函数使用指南
10-17
在实际开发中，箭头函数和传统函数可以混合使用，根据需求选择合适的函数类型。例如，在类的方法中，如果需要访问`this`，则应使用传统函数；如果不需要`this`，或者需要保持`this`指向，那么箭头函数是更好的选择。...
浅谈箭头函数写法在ReactJs中的使用
10-19
这里，`handleSubmit` 是一个实例方法，它使用了箭头函数定义。箭头函数的一个重要特性是它不会创建自己的`this`上下文，而是继承自外层作用域的`this`，这对于React组件中处理事件的方法非常有用，因为我们可以确保...
typescript-函数
最新发布
qq_39111074的博客
08-03 251
typescript-函数
箭头函数详解
分享互联网的有趣知识~
12-25 2719
箭头函数的定义、箭头函数参数以及返回值、解构赋值、箭头函数的使用注意点、箭头函数的this指向问题、箭头函数不适用场合问题。
一文弄懂箭头函数
weixin_57399180的博客
05-17 762
一篇文章，让您学会箭头函数 ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 一、声明一个只有一个参数的函数（es6之前） const sum = function(x) { return x } 改造为箭头函数，一个参数时，可以省略（） const sum = x => x; console.log(sum(3)) 注：当箭头函数中没有参数时，不可以省略（） 二、声明一个求两个数和的函数(es6之前，两个及以上参数） function s
js 箭头函数什么时候不需要用return 就可以有返回值
蚁族的奋斗的博客
04-23 7629
箭头函数的不使用return 直接返回数据
qq_35859392的博客
01-05 3129
在MDNweb文档中查看Array.from使用方法看到在箭头函数中不使用return就能返回数据，对与一些简单的返回方法，可以简便写法。 Array.from()方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 console.log(Array.from('foo')); // expected output: Array ["f", "o", "o"] //...
箭头函数参数和返回值
qq_39368007的博客
05-14 944
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 1.参数问题: // 1.1.放入两个参数 const sum = (num1, num2) => { return num1 + num2 .
箭头函数返回值undefined？
Wonder
03-09 808
随手一记 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；但是！如果使用了花括号，就必须
=> js 中箭头函数使用总结
yangxiaodong88的博客
05-26 6万+
箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x =&gt; x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处， 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的，...
箭头函数
Rockets的博客
08-29 1845
箭头函数相当于匿名函数，并且简化了函数定义。当你只需要一个只有一个参数的简单函数时，可以使用新标准中的箭头函数，它的语法非常简单：标识符=&amp;amp;gt;表达式。你无需输入function和return，一些小括号、大括号以及分号也可以省略。 1.规则： (1)当函数参数只有一个时，括号可以省略；但是没有参数时，括号不可以省略。 (2)函数体（中括号）中有且只有一行return语句...
ES6新特性箭头函数语法、如何正确使用箭头函数
热门推荐
qq_32614411的博客
07-03 8万+
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 基础语法 通常函数的定义方法 var fn1 = function(a, b) { return a + b } function fn2(a, b) { return a + b } 使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数...
java foreach箭头函数用法
03-16
Java中的foreach循环可以使用箭头函数来简化代码。箭头函数是一种Lambda表达式，它可以将一个函数作为参数传递给另一个函数。在foreach循环中，箭头函数可以用来遍历集合中的元素，并对每个元素执行特定的操作。例如： List<String> list = Arrays.asList("apple", "banana", "orange"); list.forEach(item -> System.out.println(item)); 这个例子中，箭头函数(item -> System.out.println(item))将会对集合中的每个元素执行System.out.println(item)操作，输出每个元素的值。箭头函数的语法是(item -> expression)，其中item是参数名，expression是要执行的操作。箭头函数还可以使用多个参数和多条语句，例如： list.forEach((item, index) -> { System.out.println("Item " + index + ": " + item); System.out.println("Length: " + item.length()); }); 这个例子中，箭头函数有两个参数(item和index)，并且包含两条语句。第一条语句输出元素的索引和值，第二条语句输出元素的长度。箭头函数的返回值类型可以根据expression自动推断，也可以使用显式类型声明。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值