TypeScript Compiler - Fun Koding

TypeScript Compiler Engine

Run type-checking and translation entirely client-side using the browser compiler. Pure static outputs.

Loading TypeScript Compiler (JS Engine)...

main.ts (TypeScript)

// Welcome to the Fun Koding TypeScript Compiler!
// Compile and run TypeScript code entirely in your browser.

interface User {
    firstName: string;
    lastName: string;
    role: string;
}

class Developer implements User {
    constructor(
        public firstName: string, 
        public lastName: string,
        public role: string = "TypeScript Developer"
    ) {}

    greet(): string {
        return `Hello, I'm ${this.firstName} ${this.lastName}, a ${this.role}!`;
    }
}

const dev: User = new Developer("Fun", "Koder");
console.log(dev.greet());

// Let's test type safety
const logUserInfo = (u: User): void => {
    console.log(`User Info: ${u.firstName} (${u.role})`);
};

logUserInfo(dev);