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;
}
}
} |
|
Help Us Go Positive!
We offset our carbon usage with Ecologi. Click the link below to help us!
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