时间: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. 如果函数只有一个参数,可以将小括号也省略