JSFiddle - React, Tailwind, and code Playground

by theacadian

TypeScript

// Difference between Class and Interface in Typescript

class Student {
	fullname: string;
  constructor(public firstname: string, public lastname: string) {
  	this.fullname = firstname + " " + lastname;
  }
}

interface Person {
	firstname: string;
  lastname: string;
}

var student = new Student("f1", "l1");
var person = {firstname: "f2", lastname: "l2"};

function greet_person(person: Person) {
	return "Hello " + person.firstname + " "  + person.lastname + ". You are a Person";
}

function greet_student(student: Student) {
	return "Hello " + student.fullname + " . You are a Student";
}

document.body.innerHTML = greet_person(person);
document.body.innerHTML += "<br>" + greet_student(student);