Is it possible to create an Interface in TypeScript with optional function?
interface IElement {
name: string;
options: any;
type: string;
value?: string;
validation(any): boolean; // --> should be optional.
}
Is it possible to create an Interface in TypeScript with optional function?
interface IElement {
name: string;
options: any;
type: string;
value?: string;
validation(any): boolean; // --> should be optional.
}
There are currently three syntaxes that TypeScript allows for function declarations in interfaces:
Using your example of a validation
function taking 1 parameter (of any
type) and a boolean
return value:
validation: {(flag: any): boolean};
or in the newer syntax:
validation(flag: any) : boolean;
or an alternative is:
validation: (flag: any) => boolean;
Solution:
so to make it optional with the old syntax is easy:
validation?: {(flag: any): boolean};
with the second syntax (recent addition - thanks to @toothbrush
)
validation?(flag: any) : boolean;
or in the third syntax (as you found):
validation?: (flag: any) => boolean;
any
is not a type, but is the name of a parameter that is implicitly of type any
. Parameters must be named, even on interfaces. This code will fail to compile if --noImplicitAny is enabled. It should be something like this: validation?:(whatever:any) => boolean;
where whatever
is some reasonable parameter name.
Dec 17, 2014 at 19:27
if (object.validation)
:) It needs to against the object context, so if (this.validation)
may also be appropriate depending on your circumstance.
Jul 18, 2018 at 13:49