如何在javascript中传递命名参数的默认值

对于合并,您需要使用merge de-structure . default 这项任务在这里行不通。默认分配仅适用于传递值时对象未定义的情况。因此,您需要将默认值与传递的值合并。

请检查代码中的注释。

interface Foo {
  x: string;
  y: number;
  z: number;
  m?: string;
  n?: number;
  o?: number;
}
const defaultValue = { m: "M", n: 10, o: 6 } as Foo;
class A {
  public foo(props: Foo) {
    const { x, y, z, m, n } = { ...defaultValue, ...props };
    console.log(x, y, z, m, n);
  }
  public foo2({ x, y, z, m = defaultValue.m, n = defaultValue.n }: Foo) {
    // this will work, but verbose
    console.log(x, y, z, m, n);
  }
  public foo1({ x, y, z, m, n }: Foo = defaultValue) {
    // this will work only if foo1 called without argument
    console.log(x, y, z, m, n);
  }
  public print() {
    this.foo({ x: "x", y: 5, z: 0 }); // x 5 0 M 10
    this.foo1(); // undefined undefined undefined 'M' 10
    this.foo1({ x: "x", y: 5, z: 0 }); // x 5 0 undefined undefined
    this.foo2({ x: "x", y: 5, z: 0 }); // x 5 0 M 10
  }
}
const a = new A();
a.print();

foo 和 foo2 函数将工作。但是,如果参数多于几个,foo2会非常冗长。使用 Object.assign() 或 {...} 合并价值。

如何组合和解构函数内部的对象?

type someType = {x:string, y: number, z: number, m?:string, n?:number};
const initialValues = { m : 'M', n :10, o:6 }

function foo(obj: someType) {
  const {x, y, z , m , n} = {
    ...initialValues,
    ...obj
  }

}

您只需在参数本身中添加一个默认值,如下所示:

public foo({x, y, z , m = 'a' , n = 10} = {x:string, y: number, z: number, m?:string, n?:number}) {
}

如果传递一个值,默认值将被覆盖。通过这种方式,你甚至不需要 if 检查该值是否存在。

您仍然可以将该方法调用为:

foo({...default, x:'x', y: 5, z: 0 });