本文主要介绍,ES6新特性_函数参数的默认值, ES6里允许函数参数赋初始值,形参初始值,具有默认值的参数一般位置要靠后。
ES6_形参初始值,具有默认值的参数一般位置要靠后(潜规则)
// c 默认值
function add(a,b,c=3){
return a + b + c;
}
console.log(add(1,2)); // 6
ES6_与解构赋值结合
// 一般写法
function connect(options){
let host = options.host;
let username = options.username;
let password = options.password;
let port = options.port;
console.log(host,username, password, port);
}
// 调用
connect({host:'localhost', username:"root", password:"123456", port: "3306"});
// localhost root 123456 3306
ES6里的写法
// host 设置了默认值
function connect({host='127.0.0.1', username, password, port}){
console.log(host,username, password, port);
}
// 传了host
connect({host:'localhost', username:"root", password:"123456", port: "3306"});
// localhost root 123456 3306
// 未传host
connect({username:"root", password:"123456", port: "3306"});
// 127.0.0.1 root 123456 3306
上一篇:ES6新特性_箭头函数
下一篇:ES6新特性_rest参数
The Posts
- Markdown与html互转markdown.js_showdown.js_marked.js_turndown.jsApr 5, 2022
- ES9_rest参数与es9_spread扩展运算符Mar 23, 2022
- ES6新特性_模块化(module)Mar 17, 2022
- ES6新特性_number数值扩展与object对象方法扩展Mar 16, 2022
- Angular12中使用wow.js页面滚动动画效果Mar 15, 2022
- ES6新特性_class类声明继承constructor,super,static,set,get详细介绍Mar 12, 2022
- ES6新特性_Map用法和使用场景size,get,set,has,clear,deleteMar 12, 2022
- ES6新特性_集合(set)Mar 10, 2022
- ES6新特性_Promise介绍与基本使用Mar 10, 2022
- ES6新特性_生成器函数Mar 9, 2022
- ES6新特性_迭代器Mar 9, 2022
- ES6新特性_Symbol基本使用Mar 9, 2022
- ES6新特性_扩展运算符Mar 9, 2022
- ES6新特性_rest参数Mar 8, 2022
- ES6新特性_函数参数的默认值Mar 8, 2022
- ES6新特性_箭头函数Mar 8, 2022
- ES6新特性_简化对象的写法Mar 8, 2022
- ES6新特性_模板字符串Mar 8, 2022
- ES6新特性_变量的解构赋值Mar 8, 2022
- ES6新特性_常量声明constMar 8, 2022