javascript - js函数参数解构赋值语法怎么写？

Question

怎么通过解构赋值的方式给dir默认值？

type Options = {  dir: string,  style?: boolean}function test(options: ResolverOptions = {}) {}

Answer 1

这样试试

type Options = {  dir: string,  style?: boolean}function test(ResolverOptions: Options = {dir: 'defautValue'}) {  console.log(ResolverOptions)}

Answer 2

在 JavaScript 中，解构赋值是一种语法，允许你从数组或对象中提取数据，并将它们赋值给单独的变量。在函数参数中使用解构赋值可以使代码更简洁、易读。

对于你的 Options 类型，你可以这样使用解构赋值：

function test({ dir = 'defaultValue', style } = {}) {  // 函数体}

在这个例子中，test 函数接收一个对象作为参数，并使用解构赋值来提取 dir 和 style 属性。如果传入的对象中没有 dir 属性，那么它的值将被设为 'defaultValue'。同样，如果对象中没有 style 属性，那么它的值将为 undefined。

此外，解构赋值还允许你为参数提供默认值。在这个例子中，如果调用 test() 函数时没有提供任何参数，那么将使用一个空对象 {} 作为默认值。

注意，由于 TypeScript 的类型检查，如果传入的参数不符合 Options 类型，那么 TypeScript 编译器将会报错。

test({ dir: 123 });  // 错误，因为 dir 的值应该是字符串

以上就是在 JavaScript 中使用解构赋值来接收函数参数并为其设置默认值的方法。