Egyszerű példaprogram
//TypeScript kód: (app.ts)
class Greeter {
element: HTMLElement;
span: HTMLElement;
timerToken: number;
constructor (element: HTMLElement) {
this.element = element;
this.element.innerText += "The time is: ";
this.span = document.createElement('span');
this.element.appendChild(this.span);
this.span.innerText = new Date().toUTCString();
}
start() {
this.timerToken = setInterval(() => this.span.innerText = new Date().toUTCString(), 500);
}
stop() {
clearTimeout(this.timerToken);
}
}
window.onload = () => {
var el = document.getElementById('content');
var greeter = new Greeter(el);
greeter.start();
};
//TypeScript-ből generált Javascript kód: (app.js)
var Greeter = (function () {
function Greeter(element) {
this.element = element;
this.element.innerText += "The time is: ";
this.span = document.createElement('span');
this.element.appendChild(this.span);
this.span.innerText = new Date().toUTCString();
}
Greeter.prototype.start = function () {
var _self = this;
this.timerToken = setInterval(function () {
return _self.span.innerText = new Date().toUTCString();
}, 500);
};
Greeter.prototype.stop = function () {
clearTimeout(this.timerToken);
};
return Greeter;
})();
window.onload = function () {
var el = document.getElementById('content');
var greeter = new Greeter(el);
greeter.start();
};
Az alábbi linken található két mintaprogram.
Az egyik az úgy nevezett Houdini kalapja nevű játék, melynek célja, hogy a különböző pályákon egy kalapot annak forgatásával úgy juttassunk el a nyúlig, hogy a végén, mikor a nyúllal megegyező mezőre kerül, lefele legyen a kalap.
A másik egy "média lejátszó", melynek érdekessége az, hogy egy ős interface-ben megadott függvények egy része került implementálásra egy Media ősosztályban és innen már csak az egyes médiák (képek, zenék, videók, swf és svg fájlok) megnyitását kellett külön megírni.
Az alábbi linken egy Floyd diagramot kirajzoló mintaprogram található. A program komplexitása mutatja, hogy mennyivel egyszerűbb TypeScript-ben implementálni egy objektum-orientált módon megtervezett programot, mint JavaScript-ben, nem beszélve arról, hogy maga a kód is sokkal olvashatóbb. A mellékelt példaprogramot Visual Studio 2012-ben lehet megnyitni.
Floyd diagram