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

What's hot (20)

Viewers also liked

Viewers also liked (16)

Similar to TypeScript Introduction

Similar to TypeScript Introduction (20)

More from Dmitry Sheiko

More from Dmitry Sheiko (7)

Recently uploaded

Recently uploaded (20)

TypeScript Introduction