标签： es6 javascript
箭头函数
ES6为了书写方便引入了函数的全新简写方式-箭头函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
//es5完法
var show0 = function(str){
console.log(str);
}
//es6写法
let show1 = (str)=>{
console.log(str);
}
show0('这是测试0！');
show1('这是测试1！');
</script>
</body>
</html>
测试地址
箭头函数的一些特性
- 当只有一个参数的时候可以省略括号
- 当只有一个return语句的时候，大括号和return可以省略
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
let show0 = (str)=>{
console.log(str);
}
//省略括号
let show1 = str=>{
console.log(str);
}
let show2 = (str)=>{
return str
}
//省略括号与中括号和return语句
let show3 = str=>str;
show0('测试0！');
show1('测试1！');
console.log(show2('测试2！'));
console.log(show3('测试3！'));
</script>
</body>
</html>
参数的变化
-参数的扩展/数组展开（...）
-默认参数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>函数参数变化</title>
</head>
<body>
<script>
//收集余下参数并展开使用，...args必须放么最后，收集余下的所有可能的参数
function show(a,b,...args){
console.log(a,b,...args);
}
show(1,2,5,6);
//展开数组
let arr0=[1,2,3];
let arr1=[4,5,6];
let arr =[...arr0,...arr1];
console.log(arr);
//默认参数,当b/c没有传入值时取默认值，如果有传入则取传入值
function show0(a,b=1,c=2){
console.log(a,b,c);
}
show0(0);
</script>
</body>
</html>