【建议】强烈推荐ES6函数自由传参的写法,针对方法体的可扩展性很有帮助

简介: 【建议】强烈推荐ES6函数自由传参的写法,针对方法体的可扩展性很有帮助

let fun=({a,b,c}={a:1,b:2,c:3})=>{
    console.log(a);
    console.log(b);
    console.log(c);
}

接下来我们即可自由传参,需要什么就传递什么

以上写法非常适用于需求变更的情况下自由传递参数,而且形参的数量、传参先后顺序可以根据业务自由搭配,非常灵活,建议使用~

推荐更自由的写法

let fun=({a,b,c}={})=>{
    console.log(a);
    console.log(b);
    console.log(c);
}

这样所有缺省值都是undefined,只要注意判断就可以了~


相关文章
|
7月前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
8月前
ES6 扩展运算符 ...【详解】(含使用场景、实战技巧和范例、实现原理、错误用法)
ES6 扩展运算符 ...【详解】(含使用场景、实战技巧和范例、实现原理、错误用法)
77 5
|
10月前
|
前端开发 JavaScript 安全
对象属性值的黑魔法:ES8的简化语法让你的代码更简洁
对象属性值的黑魔法:ES8的简化语法让你的代码更简洁
|
10月前
|
JavaScript 前端开发 网络架构
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
95 1
|
JavaScript 前端开发 开发者
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(4)
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(4)
|
缓存 JavaScript 前端开发
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(2)
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(2)
|
JavaScript 前端开发 索引
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(3)
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(3)
|
缓存 JavaScript 前端开发
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(1)
带你读《现代Javascript高级教程》二十、JavaScript修饰器:简化代码,增强功能(1)
|
存储 JavaScript 前端开发
JavaScript高级——函数与对象的补充
JavaScript高级——函数与对象的补充
|
前端开发
前端学习案例4:ES6中的修饰器4
前端学习案例4:ES6中的修饰器4
96 0
前端学习案例4:ES6中的修饰器4