箭头函数return 表达式

于 2023-08-30 10:52:50 发布
阅读量36 收藏
点赞数
分类专栏： JavaScript 链接库 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46538844/article/details/132578059
版权 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <!-- IE11 及更早 IE 版本不支持箭头函数。 -->
  <body>
    <p id="demo"></p>
  </body>
  <script>
    const x = (x, y) => {
      // 返回x乘以y的值
      return x * y;
    };
    // 计算x乘以y的值
    document.getElementById("demo").innerHTML = x(5, 5);
  </script>
</html>

运行结果

白鹿依山.12138
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
箭头函数中的return
weixin_43663349的博客
08-03 1504
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
箭头函数的return
蚁族的奋斗的博客
12-26 1137
箭头函数有两种格式： 1，只包含一个表达式，可以省略{ … }和return 2，包含多条语句，这时候就不能省略{ … }和return： 例子：   const aa = () =&gt; 5; console.log('aa', aa()); //5        一个表达式 const aa = () =&gt; { name: 'qps' }; console.log('aa',...
箭头函数什么时候可以省略return，省略return
imkaifan的博客
06-11 4478
箭头函数中：附加有一个隐式的返回值（且不是块体）
JavaScript 语法糖 —— 箭头函数
Dablelv 的博客专栏。
02-04 2319
上面代码中，setTimeout() 的参数是一个箭头函数，这个箭头函数的定义生效是在 foo 函数生成时，而它的真正执行要等到 100 毫秒后。当直接调用的时候，执行 call 方法，执行函数体。上面代码中，obj.b() 方法是一个箭头函数，本意是想输出对象 obj 属性 i 的值，结果由于 this 指向全局对象 Window，输出了错误的结果。另外，如果函数体很复杂，有许多行，或者函数内部有大量的读写操作，不单纯是为了计算值，这时也不应该使用箭头函数，而是要使用普通函数，这样可以提高代码可读性。
箭头函数详解
分享互联网的有趣知识~
12-25 2675
箭头函数的定义、箭头函数参数以及返回值、解构赋值、箭头函数的使用注意点、箭头函数的this指向问题、箭头函数不适用场合问题。
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;...
JavaScript中的函数申明、函数表达式、箭头函数
01-19
// 箭头函数（同样也是表达式） const getName = () => { 　return 'Michael' } 函数声明和表达式之间的差别是 JavaScript 解释器中存在一种变量声明被提升的机制，也就是说函数声明会被提升到作用域的最前面，即使...
深入理解JavaScript 箭头函数
12-02
JavaScript箭头函数是ECMAScript 6中引入的编写函数表达式的一种简便方法。通常，在JavaScript中，可以通过两种方式创建函数： 函数语句。 函数表达式。 可以如下所示创建函数语句： function add(num1, num2) { ...
JavaScript箭头函数_动力节点Java学院整理
12-08
ES6标准新增了一种新的函数：Arrow Function...箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return： x => { if (x > 0)
浅析JavaScript 箭头函数 generator Date JSON
01-19
ES6 标准新增了一种新的函数： Arrow Function(箭头函数)。 　x => x *x 　上面的箭头相当于: 　function (x){ 　return x*x; 　} 箭头函数相当于匿名函数，并且简化了函数定义。一种像上面的，只包含一个表达式，...
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
11-20
本文实例讲述了JS箭头函数和常规函数之间的区别。分享给大家供大家参考，具体如下： 在 JavaScript 中，你可以通过多种方式去定义函数。 第一种常用的方法是使用关键字 function： // 函数声明 function greet(who)...
ES6箭头函数return 的问题
weixin_39458031的博客
08-24 3505
// 开发中遇到的问题，网上说的不是很简洁 关于ES6箭头函数的问题 1. const fun1 = ()=&gt;1+2 //执行后结果 3 2. const fun2 = () =&gt; {1+2} //执行后结果 undefined 3. const fun3 = () =&gt; {return 1+...
箭头函数的不使用return 直接返回数据
qq_35859392的博客
01-05 3125
在MDNweb文档中查看Array.from使用方法看到在箭头函数中不使用return就能返回数据，对与一些简单的返回方法，可以简便写法。 Array.from()方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 console.log(Array.from('foo')); // expected output: Array ["f", "o", "o"] //...
es6 的箭头函数 =>
现在学习也不晚
11-29 1万+
1  基本用法ES6 允许使用 “ 箭头 ” （=&gt;）定义函数。var f = v =&gt; v; //上面的箭头函数等同于： var f = function(v) { return v; }; //如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 var f = () =&gt; 5; // 等同于 var f = function () { return 5 }...
箭头函数return的两种格式：
方寸间的博客
03-31 900
箭头函数有两种格式： 1，只包含一个表达式，可以省略{ … }和return 2，包含多条语句，这时候就不能省略{ … }和return： 例子： 1，const add = (a, b) => a + b; 2，const anotherAdd = (a, b) => { return a + b; }; ———————————————— 版权声明：本文为CSDN博主「雷火小盾」...
=> js 中箭头函数使用总结
热门推荐
yangxiaodong88的博客
05-26 6万+
箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x =&gt; x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处， 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的，...
es6箭头函数return用法
踏步修行
07-17 1777
箭头函数用了也有这么久了，一个return用法小细节记录下来，可以使代码更加简洁。 当使用箭头函数的时候，外部需要获取代码结果，如果函数代码块部分只有一条语句，则可以不使用大括号不用return。 const fn = (a,b)=>a+b; let res = fn(1,2)//3 如果函数代码块部分不只一条语句，需要使用大括号则要用return。 const fn = (a,b)=&g...
深入浅出ES6（七）：箭头函数 Arrow Functions
hqh642134542的博客
12-15 1万+
译者按：ECMAScript 6已经正式发布了，作为它最重要的方言，Javascript也即将迎来语法上的重大变革，InfoQ特开设“深入浅出ES6”专栏，来看一下ES6将给我们带来哪些新内容。本专栏文章来自Mozilla Web开发者博客，由作者授权翻译并发布。 箭头符号在JavaScript诞生时就已经存在，当初第一个JavaScript教程曾建议在HTML注释内包裹行内脚本，这
下列哪个不是JavaScript中的函数定义方式？ A、函数声明 B、函数字面量 C、箭头函数表达式 D、函数表达式
最新发布
06-08
JavaScript 中没有函数类型叫做“函数字面量”，因此选项 B 不是 JavaScript 中的函数定义方式。 解析： JavaScript 中有多种函数定义方式，包括： - 函数声明：使用 function 关键字直接声明函数，如 function foo() {}。 - 函数表达式：使用 function 关键字将函数赋值给变量，如 var foo = function() {}。 - 箭头函数表达式：使用箭头函数语法定义函数，如 var foo = () => {}。 - Function 构造函数：使用 Function 构造函数定义函数，如 var foo = new Function('arg1', 'arg2', 'return arg1 + arg2')。 因此，选项 B 描述的“函数字面量”不是 JavaScript 中的函数定义方式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值