🥐 ES6 箭头函数与函数的默认参数
# 箭头函数
ES5 中的函数定义:
function fun1() {
console.log("第一种写法");
};
1
2
3
2
3
var fun2 = function () {
console.log("第二种写法");
};
1
2
3
2
3
ES6 中的箭头函数:
箭头函数最直观的三个特点:
- 不需要
function
关键字来创建函数- 可以省略
return
关键字- 继承当前上下文的
this
关键字
// 没有参数时:
let fun3 = () => {
console.log('箭头函数');
};
1
2
3
4
2
3
4
// 有一个参数时,小括号可以省略
let fun4 = v => {
console.log(v);
}
fun4("一个参数时")
1
2
3
4
5
6
2
3
4
5
6
// 两个或以上的参数时
let fun5 = (a, b) => {
console.log(a*b);
}
fun5(4,5);
1
2
3
4
5
2
3
4
5
// 省略return
let fun6 = (a,b) => (a + b)
let res = fun6(4,5)
1
2
3
2
3
# 函数的默认参数
给函数设定默认参数:
// 默认参数 给参数列表设定初始值
function add(a = 100, b = 100) {
console.log(a, b);
}
// 执行方法,会用默认值填充,打印出来100,200
add();
// 覆盖默认值打印 结果是1,2
add(1, 2);
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
编辑 (opens new window)
📢 上次更新: 2022/09/02, 10:18:16