Estoy tratando de crear una pequeña biblioteca con la siguiente estructura:
library('input').method() Este es el código (el método addQuotes agrega comillas a la string entrada):
const library = function (text: string) { interface ValueObject { addQuotes?: Function } // Without this, I get "Property 'to' does not exist on type '{}'." const options: ValueObject = {} options.addQuotes = function () { if (!text) return '' return `"${text}"` } return options } const result = library('test').addQuotes() console.log(result)En este momento, TypeScript está subyacente a este bit:
library('test').addQuotes()diciéndome esto:
Object is possibly 'undefined'.¿Cuál podría ser el problema y cómo solucionarlo?
https://jsbin.com/vonawucada/1/edit?js,consola
(El código se ejecuta aquí, pero en mi configuración de VS Code, aparece el error de TypeScript).
la razón por la que obtiene Object is possibly 'undefined' es porque su propiedad addQuotes es opcional, consulte https://www.typescriptlang.org/docs/handbook/interfaces.html#opcional-properties
la solución es una de las siguientes:
? modificador de la propiedad! modificador al acceder a la propiedad que le dice a TS que sabe que está asignada ( https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-7.html#strict-class-initialization ): library('test').addQuotes!()El problema está en su tipo de retorno de módulo de biblioteca. El tipo de retorno de la biblioteca es ValueObject que es una interfaz privada. Significa que su alcance está limitado al módulo de la biblioteca. Typescript nunca entenderá el tipo de retorno de la interfaz privada.
La solución sería mover la interfaz ValueObjet fuera del alcance del módulo de biblioteca y hacerla pública para que TypeScript pueda entender cuál es el tipo de retorno de la función de biblioteca.
interface ValueObject { addQuotes: Function; } const library = function (text: string) { const options = {} as ValueObject; options.addQuotes = function () { if (!text) return ""; return `"${text}"`; }; return options; }; const result = library("test").addQuotes(); console.log(result);Esto se debe a que está definiendo addQuotes como una función opcional dentro de la interfaz usando el símbolo (?). Más tarde, cuando intente usarlo en un objeto, primero deberá verificar si no está definido antes de usarlo.
Puede leer más aquí: https://www.typescriptlang.org/docs/handbook/2/objects.html#opcional-propiedades