一、ES6中函数形参的默认值
// ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法
function func(x){
x = x || 1;
console.log(x);
}
func();
// ES6 做法,代码简洁易阅读
function func(x = 1){ // 注意当 x 为 undefined 时 x 赋值为 1
console.log(x);
}
func();
function fun(name = 'nodejs', age = 12){
console.log(name, age);
}
fun(); // 'nodejs', 12
fun("xiaoming", 15); //"xiaoming", 15
二、函数参数的解构赋值
function func({
name, age}){
//{name, age} = obj 解构
console.log(name, age);
}
let obj = {
name:"nodejs",
age:"11",
email:"nodejs@163.com",
};
func(obj); // 输出结果: nodejs 11
// 注意:
// func(); //相当于传了一个null {name, age}=null 就会报错
// func({}); //不会报错,输出:undefined undefined
三、解构赋值指定参数的默认值
function func2({
name, age} = {
}){
//防止不传实参时候的报错
console.log(name, age);
}
func2(); //undefined undefined
function func2({
name="nodejs", age=11} = {
}){
//指定默认值
console.log(name, age);
}
func2(); //nodejs 11
四、rest 参数/剩余参数
用于获取函数的多余参数,这样就不需要使用 arguments 对象了。rest 参数搭配的变量是一个数组,该变量将多余的参数放入数组中。
注意,rest 参数之后不能再有其他参数(即只能是最后一个参数),否则会报错。
function func( a, b ,...rest){
// 把剩余的参数都交给rest
console.

本文详细介绍了ES6中函数形参的默认值设置、解构赋值的灵活应用、rest参数和扩展运算符的使用,以及箭头函数和面向对象的改进。涵盖了默认参数、对象合并、this指向和静态方法等内容。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



