Início / coding / Perguntas / 77137015
Accepted
Ole
Asked: 2023-09-20 02:14:50 +0800 CST

Incompatibilidade de tipo de texto digitado (argumento do tipo número não atribuível a 1 | 2 | 3 | 4)?

  • 772

Esta Optionsclasse possui uma função de fábrica que retorna uma instância personalizada da classe. É isso:

export class Options {
  quadrant?: 1 | 2 | 3 | 4 = 1;
  static factory(options: Partial<Options>): Options {
    const defaults: Options = new Options();
    return {
      ...defaults,
      ...options,
    };
  }
}

E estou tentando passar um argumento de função de fábrica que modifica quadrantassim:

export const defaults = {
  quadrant: 2,
};

const responsive: Options = Options.factory({
  ...defaults,
});

E produz este erro:

Argument of type '{ quadrant: number; }' is not assignable to parameter of type 'Partial<Options>'.
  Types of property 'quadrant' are incompatible.
    Type 'number' is not assignable to type '1 | 2 | 3 | 4'.(2345)

Existe uma maneira de consertar isso?

javascript

2 respostas

  1. Você pode usar uma constasserção ao inicializar defaultspara que o verificador de tipo infira um tipo mais específico para ela: em particular, o tipo da quadrantpropriedade será inferido como o tipo literal 2 em vez do numbertipo mais amplo:

    export const defaults = {
    quadrant: 2,
} as const;
/* const defaults: {
    readonly quadrant: 2;
} */

    O que é suficiente para que sua Options.factory()chamada funcione conforme o esperado:

    const responsive: Options = Options.factory({
    ...defaults,
}); // okay

    Link do Playground para o código

    • 3
  2. Best Answer

    Se você passar o mouse sobre defaults, verá que o tipo inferido é number- você verá algo assim:

    const defaults: { quadrant: number };

    Existem 2 maneiras de lidar com esse problema. Você pode converter os defaults as const, o que significa que o tipo será o seguinte:

    export const defaults = { quadrant: 2 } as const;
// the type is "defaults: { readonly quadrant: 2 }"

    A outra maneira de conseguir o que deseja é digitar o defaultsobjeto para que não seja inferido:

    export const defaults = <Options>{ quadrant: 2 };
// or
export const defaults: Options = { quadrant: 2 };
    • 1

relate perguntas