时间:2022/01/11
箭头函数的示例代码:
<!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>
<body>
<script>
// 箭头函数
var sum = function(a){
return 2*a;
}
// 箭头函数-改进1
var sum1 = (a) => {
return 2*a;
}
// 箭头函数-改进2
var sum2 = (a) => 2*a;
// 箭头函数-改进3
var sum3 = a => 2*a;
//打印查看结果
console.log("箭头函数:" + sum(1));
console.log("箭头函数1:" + sum1(1));
console.log("箭头函数2:" + sum2(1));
console.log("箭头函数3:" + sum3(1));
</script>
</body>
</html>
使用规律:
1. 去掉function
2. 在小括号后面加箭头
3. 如果大括号里面只有一行return代码,即没有逻辑代码,可以将大括号省略
4. 如果函数只有一个参数,可以将小括号也省略