Breaking News: Grepper is joining You.com. Read the official announcement!

typescript interface vs type

Stupid Scarab answered on June 9, 2022 Popularity 10/10 Helpfulness 3/10

answer typescript interface vs type

related typescript interface vs type

typescript interface vs type

Comment

// An interface can only describe objects, while a type is more flexible
type StringOrNumber = string | number; // not possible with interface

// An interface can be extended, while a type cannot. This makes
// interfaces great for generic components since a more specific
// component can extend its interface.
interface Dog extends Animal {
  tailShape: string;
  owner: string;
}

Popularity 10/10 Helpfulness 3/10 Language typescript

Source: Grepper

Tags: interface typescript

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Stupid Scarab

0 Answers Avg Quality 2/10

Closely Related Answers

typescript interface vs type

Comment

typescript interface vs type

type use for function aliases type name and interface use for object 

// example type
type Add = (num1: number, num2: number) => number;
const add: Add(num1, num2 = 0) =>{
 console.log(num1+num2) 
}

// example interface
interface Add {
(num1: number, num2: number): number;
}
const add: Add(num1, num2 = 0) =>{
 console.log(num1+num2) 
}


// interface in object 

interface Person {
  name: string;
  age: number;
};

const person: Person = {
  name: "iqbal",
   age: 23
};

// example with interface and extend
// if we are extend any interface in Person interface we are just use after Person 
// extend (here any interface name)
/* this extend mening is Auth property also includ in person variable with Person
interface property */
interface Auth {
  isLoggedIn: boolean;
};

interface Person extend Auth {
  name: string;
  age: number;
};

const person: Person = {
  name: "iqbal",
   age: 23,
  isLoggedIn: true
};

// we are can't use ( & | ) in interface 

// example extend in type
type Auth = {
  isLoggedIn: boolean;
};

type Person = {
  name: string;
  age: number;
} & Auth;


const person: Person = {
  name: "iqbal",
   age: 23,
  isLoggedIn: true
};

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: interface inte

Link to this answer
Share Copy Link

Contributed on Jan 08 2023

Md Iqbal Hossain

0 Answers Avg Quality 2/10

typescript interface vs type

Contents

More Related Answers

typescript interface vs type

Closely Related Answers

typescript interface vs type

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.