what is an interface in typescript code example

Example 1: typescript interface function

interface IEmployee {
    empCode: number;
    empName: string;
    getSalary: (number) => number; // arrow function
    getManagerName(number): string; 
}

Example 2: typescript interface

interface Foo {
    bar: string;
    qux: number;
}
// Creates object implementing interface:
const MyFoo = <Foo> {
    bar: "Hello",
    qux: 7
}
// Or:
const MyFoo: Foo = {
    bar: "Hello",
    qux: 7
}

Example 3: typescript class implements interface

interface Task{
    name: String; //property
    run(arg: any):void; //method
}

class MyTask implements Task{
    name: String;
    constructor(name: String) {
        this.name = name;
    }
	run(arg: any): void {
        console.log(`running: ${this.name}, arg: ${arg}`);
    }
}

let myTask: Task = new MyTask('someTask');
myTask.run("test");

Example 4: typescript interface

interface LabeledValue {
  label: string;
}

function printLabel(labeledObj: LabeledValue) {
  console.log(labeledObj.label);
}

let myObj = { size: 10, label: "Size 10 Object" };
printLabel(myObj);Try

Example 5: typescript interface

interface NumberOrStringDictionary {
  [index: string]: number | string;
  length: number; // ok, length is a number
  name: string; // ok, name is a string
}Try

Example 6: interface ts one valu

// use type instead interface
type StringOrNull = string | null;

Tags:

Css Example