Basic of TypeScript
TypeScript is a syntactic enhancement for JavaScript. The TypeScript syntax is a superset of Ecmascript 5 (ES5) syntax. Every JavaScript program is also a TypeScript program. The TypeScript compiler performs only file-local transformations on TypeScript programs and does not re-order variables declared in TypeScript.
The following example shows the basics of TypeScript programs. The example just prints "Hello" in the HTML document.
Coding
simpledemo.ts
class simpledemo { constructor(public greeting: string) { } greet() { return"<h1>" + this.greeting + "</h1>"; } }; var simple = new simpledemo("Hello, C-sharpcorner user....!"); var str = simple.greet(); document.body.innerHTML = str; |
simpledemo.html
<!DOCTYPEhtml> <html> <head><title> TypeScript simpledemo </title></head> <body> <scriptsrc="app.js"></script> </body> </html> |
app.js
var simpledemo = (function () { function simpledemo(greeting) { this.greeting = greeting; } simpledemo.prototype.greet = function () { return"<h1>" + this.greeting + "</h1>"; }; return simpledemo; })(); ; ; var simpledemo = new simpledemo("Hello, C-sharpcorner user...!"); var str = simpledemo.greet(); document.body.innerHTML = str; |
Output
Reference By
http://www.typescriptlang.org/