TypeScript Introduction

var inx: number = 1,
text: string = “Lorem”,
isReady: bool = false,
arr: string[],
obj: ObjInterface = factory.getObj(),
mixedVal: any;

var obj: { x: number, y: number },
fn: ( x: number, y?: any ) => number,
constr: new() => ObjInterface;

var treatItems = function( arr,
callback ) {
// do something
return arr;
};

var treatItems = function(
arr: string[],
callback: (value: string,
inx: number,
arr: string[]) => string[]) {
// do something
return arr;
};

class Mamal
{
private nickname: string;

constructor( nickname: string = "Noname" ) {
this.nickname = nickname;
}

public getNickname():string {
return this.nickname;
}
}

class Cat extends Mamal
{
private family: string = "Felidae";

constructor( nickname: string ) {
super( nickname );
}

public getFamily():string {
return this.family;
}
}

// Generated JavaScript: helper

var __extends = this.__extends || function (d,
b) {
function __() { this.constructor = d; }
__.prototype = b.prototype;
d.prototype = new __();
}

// Generated JavaScript: classes

var Mamal = (function () { … })();
var Cat = (function (_super) {
__extends(Cat, _super);
function Cat(nickname) {
_super.call(this, nickname);
this.family = "Felidae";
}
Cat.prototype.getFamily = function () {
return this.family;
};
return Cat;
})(Mamal);

interface Point {
x: number;
y: number;
}

function getDistance( pointA: Point, pointB: Point ) {
return Math.sqrt(
Math.pow( pointB.x - pointA.x, 2 ) +
Math.pow( pointB.y - pointA.y, 2 )
);
}

var result = getDistance(
{ x: - 2, y: - 3 }, { x: - 4, y: 4 })

interface Mover
{
move(): void;
}
interface Shaker
{
shake(): void;
}
interface MoverShaker extends Mover, Shaker
{
}

module graphic
{
export class Point
{
x: number;
y: number;
constructor( x: number = 0, y: number = 0 )
{
};
}
}
var point = new graphic.Point( 10, 10 );

// File main.ts:
import log = module ( "log” );
log.message( "hello" );

// File log.js:
export function message(s: string) {
console.log(s);
}

(x) => { return Math.sin(x); }
(x) => Math.sin(x);
x => { return Math.sin(x); }
x => Math.sin(x);

var messenger = {
message: "Hello World",
start: function() {
setTimeout( () =>
{ alert( this.message ); }, 3000 );
}
};
messenger.start();

class Shape { ... }
class Circle extends Shape { ... }

function createShape( kind: string ): Shape {
if ( kind === "circle" ) return new Circle(); ...
}

var circle = <Circle> createShape( "circle" );

interface JQuery
{
text(content: string);
}
interface JQueryStatic {
get(url: string, callback: (data: string) => any);
(query: string): JQuery;
}
declare var $: JQueryStatic;

/// <reference path="jquery.d.ts" />
module Parallax
{
export class ParallaxContainer
{
private content: HTMLElement;

constructor( scrollableContent: HTMLElement ) {
$( scrollableContent ).scroll(( event: JQueryEventObject ) => {
this.onContainerScroll( event );
});
}

private onContainerScroll( e: JQueryEventObject ) : void {
// do something
}
}

https://github.com/joyent/node/wiki/In
stalling-Node.js-via-package-
manager

https://github.com/niutech/typescript-
compile

<?xml version="1.0"?>
<!DOCTYPE project>
<project name="tsc" basedir="." default="build">
<target name="build">

<apply executable="tsc" parallel="true">
<srcfile/>
<fileset dir="." includes="**/*.ts"/>
</apply>



</target>
</project>

TypeScript Introduction

More Related Content

What's hot (20)

Viewers also liked (16)

Similar to TypeScript Introduction (20)

More from Dmitry Sheiko (7)

Recently uploaded (20)

TypeScript Introduction