目录

🥐 ES6 箭头函数与函数的默认参数

# 箭头函数

ES5 中的函数定义:

function fun1() {
    console.log("第一种写法");
};
1
2
3
var fun2 = function () {
    console.log("第二种写法");
};
1
2
3

ES6 中的箭头函数

箭头函数最直观的三个特点:

  1. 不需要 function 关键字来创建函数
  2. 可以省略 return 关键字
  3. 继承当前上下文的 this 关键字
// 没有参数时:
let fun3 = () => {
    console.log('箭头函数');
};
1
2
3
4
// 有一个参数时,小括号可以省略
let fun4 = v => {
    console.log(v);
}

fun4("一个参数时")
1
2
3
4
5
6
// 两个或以上的参数时
let fun5 = (a, b) => {
    console.log(a*b);
}
fun5(4,5);
1
2
3
4
5
// 省略return
let fun6 = (a,b) => (a + b)
let res = fun6(4,5)
1
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
📢 上次更新: 2022/09/02, 10:18:16