JavaScript如何使用对象解构来模拟命名参数

这篇文章主要为大家展示了“JavaScript如何使用对象解构来模拟命名参数”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“JavaScript如何使用对象解构来模拟命名参数”这篇文章吧。

使用对象解构来模拟命名参数

如果你需要将一系列可选项作为参数传入函数，那么你也许倾向于使用了一个对象(Object)来定义配置(Config)。

doSomething({ foo: 'Hello', bar: 'Hey!', baz: 42 });
function doSomething(config) {
	const foo = config.foo !== undefined ? config.foo : 'Hi';
	const bar = config.bar !== undefined ? config.bar : 'Yo!';
 	const baz = config.baz !== undefined ? config.baz : 13;
 	// ...
}

这是一个陈旧、但是很有效的方法，它模拟了JavaScript中的命名参数。不过呢，在doSomething中处理config的方式略显繁琐。在ES2015中，你可以直接使用对象解构。

function doSomething({ foo = 'Hi', bar = 'Yo!', baz = 13 }) {
 // ...
}

如果你想让这个参数是可选的，也很简单。

function doSomething({ foo = 'Hi', bar = 'Yo!', baz = 13 } = {}) {
 // ...
}

以上是“JavaScript如何使用对象解构来模拟命名参数”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！