ES6系列笔记-箭头函数
- 2019 年 12 月 24 日
- 笔记
ES6相关概念就不多解释啦，语法也成为了前端的主流，平时在很多场景开发中都会遇到，一下是关于ES6系列笔记的一些记录~
1：普通写法和箭头函数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //箭头函数 let show=(a,b)=>{ console.log(a+b); } show(1,6) </script> </html>
2：数组排序 //数组排序一般写法
let arr = [1, 23, 45, 67, 3, 2, 22]; arr.sort(function(n1, n2) { return n1 - n2; }); console.log(arr)
//箭头函数数组排序
let arr = [1, 23, 45, 67, 3, 2, 22]; arr.sort((n1, n2) => { return n1 - n2; }); console.log(arr)
3:只有一个参数的时候，()可以省略 只有一个参数的时候,写法是这样的
let show=(a)=>{ return a*2; } console.log(show(5))
()可以省略，写法是这样的
//只有一个参数 的时候()可以省略 let show=a=>a*2; console.log(show(5))
打印结果都是10
4： 只有一个return的时候，{}可以省略
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> // let arr = [1, 23, 45, 67, 3, 2, 22]; // arr.sort((n1, n2) => { // return n1 - n2; // }); // console.log(arr) //只有一个return的时候，{}可以省略 //箭头函数数组排序,省略花括号 let arr = [1, 23, 45, 67, 3, 2, 22]; arr.sort((n1, n2) => n1 - n2); console.log(arr) </script> </html>
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //箭头函数 // let show=(a,b)=>{ // alert(a+b); // } // show(1,6) //数组排序 // let arr=[1,23,45,67,3,2,22]; // arr.sort(function(n1,n2){ // return n1-n2; // }); // alert(arr) //箭头函数数组排序 // let arr=[1,23,45,67,3,2,22]; // arr.sort((n1,n2)=>{ // return n1-n2; // }); // alert(arr) //圆括号可以省略 // let show=(a)=>{ // return a*2; // } // alert(show(12)) //只有一个参数 的时候()可以省略 // let show=a=>a*2; // alert(show(3)) //箭头函数数组排序,省略花括号 // let arr=[1,23,45,67,3,2,22]; // arr.sort((n1,n2)=>n1-n2); // alert(arr) //只有一个参数的时候，()可以省略 // 只有一个return的时候，{}可以省略 </script> </html>
