ES6相關(guān)概念就不多解釋啦,語(yǔ)法也成為了前端的主流回官,平時(shí)在很多場(chǎng)景開發(fā)中都會(huì)遇到,一下是關(guān)于ES6系列筆記的一些記錄~
1:普通寫法和箭頭函數(shù)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
//箭頭函數(shù)
let show=(a,b)=>{
console.log(a+b);
}
show(1,6)
</script>
</html>
2:數(shù)組排序
//數(shù)組排序一般寫法
let arr = [1, 23, 45, 67, 3, 2, 22];
arr.sort(function(n1, n2) {
return n1 - n2;
});
console.log(arr)
//箭頭函數(shù)數(shù)組排序
let arr = [1, 23, 45, 67, 3, 2, 22];
arr.sort((n1, n2) => {
return n1 - n2;
});
console.log(arr)
3:只有一個(gè)參數(shù)的時(shí)候,()可以省略
只有一個(gè)參數(shù)的時(shí)候,寫法是這樣的
let show=(a)=>{
return a*2;
}
console.log(show(5))
()可以省略覆山,寫法是這樣的
//只有一個(gè)參數(shù) 的時(shí)候()可以省略
let show=a=>a*2;
console.log(show(5))
打印結(jié)果都是10
4: 只有一個(gè)return的時(shí)候,{}可以省略
<!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)
//只有一個(gè)return的時(shí)候泥栖,{}可以省略
//箭頭函數(shù)數(shù)組排序,省略花括號(hào)
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>
//箭頭函數(shù)
// let show=(a,b)=>{
// alert(a+b);
// }
// show(1,6)
//數(shù)組排序
// let arr=[1,23,45,67,3,2,22];
// arr.sort(function(n1,n2){
// return n1-n2;
// });
// alert(arr)
//箭頭函數(shù)數(shù)組排序
// let arr=[1,23,45,67,3,2,22];
// arr.sort((n1,n2)=>{
// return n1-n2;
// });
// alert(arr)
//圓括號(hào)可以省略
// let show=(a)=>{
// return a*2;
// }
// alert(show(12))
//只有一個(gè)參數(shù) 的時(shí)候()可以省略
// let show=a=>a*2;
// alert(show(3))
//箭頭函數(shù)數(shù)組排序,省略花括號(hào)
// let arr=[1,23,45,67,3,2,22];
// arr.sort((n1,n2)=>n1-n2);
// alert(arr)
//只有一個(gè)參數(shù)的時(shí)候簇宽,()可以省略
// 只有一個(gè)return的時(shí)候勋篓,{}可以省略
</script>
</html>