react笔记之箭头函数1

 <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
    <script>
 
        /*
        *   箭头函数
        *       - 只有一个参数的函数
        *           参数 => 返回值
        *       - 如果没有参数，或多个参数，参数需要使用()括起来
        *           () => 返回值
        *           (a, b, c) => 返回值
        *       - 箭头后边的值就是函数的返回值
        *           - 返回值必须是一个表达式（有值的语句）
        *           - 如果返回值是对象，必须加()
        *       - 如果需要在箭头函数中定义逻辑，可以直接在箭头后跟一个代码块，
        *           代码块中语法和普通函数没有区别
        * */
 
        const fn = function (a){
            return 'hello';
        };
 
        const fn2 = a => a+'hello';
        const fn3 = (a, b) => a+'hello';
 
        // console.log(fn2(123));
 
        const sum = (a, b) => a + b;
        let result = sum(123, 456);
 
        const fn4 = (a, b) => {
          if(a === 10){
              a += 5;
          }else if(a === 20){
              a += 10;
          }
          return a + b;
        };
 
        result = fn4(10, 5);
 
        console.log(result);
 
 
    </script>
</head>
<body>
 
</body>
</html>

posted @ 2022-11-05 20:41 前端导师歌谣阅读(39) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· react笔记之箭头函数2

· 7.箭头函数的实践

· 6.箭头函数

· ES6-ES11 箭头函数的实践与应用

公告

昵称：前端导师歌谣
园龄： 7年3个月
粉丝： 9
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

微信公众号关注前端小歌谣每日分享前端知识

react笔记之箭头函数1

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="zh">
	<head>
	<meta charset="UTF-8">
	<title>箭头函数</title>
	<script>

	/*
	* 箭头函数
	* - 只有一个参数的函数
	* 参数 => 返回值
	* - 如果没有参数，或多个参数，参数需要使用()括起来
	* () => 返回值
	* (a, b, c) => 返回值
	* - 箭头后边的值就是函数的返回值
	* - 返回值必须是一个表达式（有值的语句）
	* - 如果返回值是对象，必须加()
	* - 如果需要在箭头函数中定义逻辑，可以直接在箭头后跟一个代码块，
	* 代码块中语法和普通函数没有区别
	* */

	const fn = function (a){
	return 'hello';
	};

	const fn2 = a => a+'hello';
	const fn3 = (a, b) => a+'hello';

	// console.log(fn2(123));

	const sum = (a, b) => a + b;
	let result = sum(123, 456);

	const fn4 = (a, b) => {
	if(a === 10){
	a += 5;
	}else if(a === 20){
	a += 10;
	}
	return a + b;
	};

	result = fn4(10, 5);

	console.log(result);


	</script>
	</head>
	<body>

	</body>
	</html>

前端导师歌谣的博客

微信公众号关注前端小歌谣 每日分享前端知识

react笔记之箭头函数1

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

微信公众号关注前端小歌谣每日分享前端知识