Cheatography
https://cheatography.com
TypeScript Quick Reference
TypesString | let customerName: string= "John Doe"; | Number | let price: number = 19.95; | Boolean | let shipped: boolean = false; | Date | let orderDate: Date = new Date(2017, 2, 9); | Any | let something: any = "Can be anything"; | Enum | enum Color {Red, Green, Blue}; | Array | let cards: string[] = ['Visa', 'MasterCard']; | Null | let orderId: number = null; | Tuple | let stateTaxRates: [string, number]; | Void | function log(msg: string): void { console.log(msg); } | Const | const lives: number = 99; |
Classesclass OrderLogic {
constructor(public order: IOrder) { }
getOrderTotal(): number {
let sum: number = 0;
for (let orderDetail of this.order.orderDetails)
{
sum += orderDetail.price;
}
return sum;
}
}
|
Abstract Classesabstract class Person {
name: string;
monthlySalary: number;
monthlyBenefits: number;
abstract calcSalary(): number;
}
|
Inheritance and Implementing Interfacesinterface IGPS {
getLocation() number;
}
interface ISelfDrive extends IGPS {
drive(latitude: number, longitude: number, elevation: number) : void;
}
class Vehicle {
make: string;
model: string;
year: number;
}
class FlyingCar extends Vehicle implements ISelfDrive {
hasGps: boolean;
drive(latitude: number, longitude: number, elevation: number) {
}
getLocation(): number {
}
}
|
| | UsageInstalling TypeScript npm | npm install -g typescript | Compiling TypeScript | tsc somefile.ts | TypeScript Docs | | Type Definition Files | |
Scope/ModifiersPublic (default) | public firstName: string; | Protected | protected inventory: number; | Private | private outOfStock: boolean; | Read Only | readonly pi: number = 3.14159; | Static | static log(msg: string) { console.log(msg) }; |
Interfacesinterface IOrderDetail {
productName: string;
quantity: number;
price: number;
orderDate: Date;
shipped: boolean;
//Optional
outOfStock?: boolean;
//Method
calcTax: (taxRate: number) => number;
}
|
Optional Parametersclass Util {
log(msg: string, logDate?: Date) {
if (logDate)
console.log(logDate + ' ' + msg);
else
console.log(new Date() + ' ' + msg);
}
}
|
Rest Parametersclass Order {
addOrderDetails(...orderDetails: IOrderDetail[]) {
}
}
|
Namespacesnamespace AcmeCorp.Logging {
export class Logger {
static log(msg: string) : void {
console.log(msg);
};
}
}
/// <reference path="AcmeCorp.Logging.ts" />
//Alias
import logger = AcmeCorp.Logging.Logger;
namespace AcmeCorp.OnlineStore {
class OrderLogic {
calcOrder(): number {
logger.log("calculating order");
return 0;
}
}
}
|
|
Created By
www.kellermansoftware.com
Metadata
Favourited By
Comments
good
Good!
Unable to download!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by GregFinzer