ionic UI(3)TypeScript - handbook

ionic UI(3)TypeScript - handbook

1 Basic Types
boolean - var isDone :boolean = false;
number - var height: number = 6;
string - var name:string = ‘carl’;
name = “sillycat”;
Array - var list:number[] = [1,2,3];
var list:Array<number> = [1,2,3];
Enum - enum Color { Red, Green, Blue };
var c: Color = Color.Green;
usually, enum begin from 0, we can set the number as well.
enum Color {Red = 1, Green = 2, Blue = 4};
var colorName: string = Color[2];
alert(colorName);

The alert message is ‘Green'
Any - var notSure: any = 4;
notSure = “may be a string instead”;
notSure = false;
Void - function warnUser(): void {
alert(“warning message.");
}

2 Interfaces
interface LabelledValue {
label: string;
}

This interface requires there is a property label in the parameter object.

Optional Properties in Interface
interface SquareConfig {
color?: string;
width?: number;
}

Class Types
interface ClockInterface {
currentTime:Date;
setTime(d:Date);
}

class Clock implements ClockInterface {
currentTime: Date;
setTime(d:Date) {
this.currentTime = d;
}
constructor(h:number, m: number) { }
}

Extending Interfaces
interface Shape {
color: string;
}

interface Square extends Shape {
sideLength: number;
}
var square = <Square>{};
square.color = “blue”;
square.sideLength = 10;

3 Classes
Inheritance of Class
class Animal {
name: string;
contractor(theName:string) { this.name = theName; }
move(meters: number = 0) {
alert(this.name + “ can move “ + meters + “m.")
}
}

class Snake extends Animal {
constructor(name:string) { super(name); }
move(meters = 5) {
alert(“slithering….");
super.move(meters);
}
}

Private/Public modifiers - public is always the default

Getter / Setter
var passcode = “secret passcode”;

class Employee {
private _fullName: string;

get fullName(): string {
return this._fullName;
}

set fullName(newName: string) {
if(passcode && passcode == “secret passcode”){
this._fullName = newName;
}else{
alert(“Unauthorized update of employee!");
}
}
}

var employee = new Employee();
employee.fullName = “Carl Luo”;
if(employee.fullName) {
alert(employee.fullName);
}

4 Modules
>tsc —out sample.js Validation.ts LettersOnlyValidator.ts ZipCodeValidator.ts Test.ts

5 Functions
default and optional parameters
function buildName(firstName:string, lastName?:string){
}

function buildName(firstName:string, lastName = “Smith”) {
}

6 Generics

More documents in the handbook, but I think I am ok that I only read the first few chapters.
http://www.typescriptlang.org/Handbook

References:
http://www.typescriptlang.org/Handbook