前言
我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群
箭头函数
- 箭头函数
* - 只有一个参数的函数
* 参数 => 返回值
* - 如果没有参数，或多个参数，参数需要使用()括起来
* () => 返回值
* (a, b, c) => 返回值
* - 箭头后边的值就是函数的返回值
* - 返回值必须是一个表达式（有值的语句）
* - 如果返回值是对象，必须加()
* - 如果需要在箭头函数中定义逻辑，可以直接在箭头后跟一个代码块，
* 代码块中语法和普通函数没有区别
箭头函数基本使用
<!DOCTYPE html>标签：yyds,const,函数,箭头,干货,参数,返回值,盘点,歌谣 From： https://blog.51cto.com/u_14476028/6034946
<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>