TS Cheat Sheet

Author: caiorrs

classes.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var User = /** @class */ (function () {
+    function User(name, email, age) {
+        this.name = name;
+        this.email = email;
+        this.age = age;
+        console.log('User Created: ' + this.name);
+    }
+    User.prototype.register = function () {
+        console.log(this.name + ' is now registered');
+    };
+    User.prototype.payInvoice = function () {
+        console.log(this.name + ' paid invoice');
+    };
+    return User;
+}());
+var Member = /** @class */ (function (_super) {
+    __extends(Member, _super);
+    function Member(id, name, email, age) {
+        var _this = _super.call(this, name, email, age) || this;
+        _this.id = id;
+        return _this;
+    }
+    Member.prototype.payInvoice = function () {
+        _super.prototype.payInvoice.call(this);
+    };
+    return Member;
+}(User));
+//let john = new User('John Doe', 'jdoe@gmail.com', 34);
+//console.log(john.age);
+//john.register();
+var mike = new Member(1, 'Mike Smith', 'mike@gmail.com', 22);
+mike.payInvoice();

classes.ts

@@ -0,0 +1,53 @@
+interface UserInterface{
+    name: string;
+    email: string;
+    age: number;
+    register();
+    payInvoice();
+}
+
+
+class User implements UserInterface{
+    name: string;
+    email: string;
+    age: number;
+
+    constructor(name: string, email: string, age: number){
+    this.name = name;
+    this.email = email;
+    this.age = age;
+
+    console.log('User Created: ' + this.name);
+    }
+
+    register(){
+        console.log(this.name + ' is now registered');
+    }
+
+    payInvoice(){
+        console.log(this.name + ' paid invoice');
+    }
+
+}
+
+class Member extends User{
+    id: number;
+
+    constructor(id: number, name: string, email:string, age:number){
+        super(name, email, age);
+        this.id = id;
+        
+    }
+
+    payInvoice(){
+        super.payInvoice();
+    }
+}
+
+//let john = new User('John Doe', 'jdoe@gmail.com', 34);
+
+//console.log(john.age);
+//john.register();
+
+let mike: User = new Member(1, 'Mike Smith', 'mike@gmail.com', 22);
+mike.payInvoice();

functions.js

@@ -0,0 +1,23 @@
+function getSum(num1, num2) {
+    return num1 + num2;
+}
+// console.log(getSum(2, 3));
+var mySum = function (num1, num2) {
+    if (typeof num1 == 'string') {
+        num1 = parseInt(num1);
+    }
+    if (typeof num2 == 'string') {
+        num2 = parseInt(num2);
+    }
+    return num1 + num2;
+};
+// console.log(mySum(3,5));
+function getName(firstName, lastName) {
+    if (lastName == undefined) {
+        return firstName;
+    }
+    return firstName + ' ' + lastName;
+} // lastname é opcional por causa do '?'
+console.log(getName('John', 'Doe'));
+function myVoid() {
+}

functions.ts

@@ -0,0 +1,30 @@
+function getSum(num1:number, num2:number):number {
+    return num1 + num2;
+}
+
+// console.log(getSum(2, 3));
+
+let mySum = function(num1:any, num2:any):number{
+    if(typeof num1 == 'string'){
+        num1 = parseInt(num1);
+    }
+    if(typeof num2 == 'string'){
+        num2 = parseInt(num2);
+    }
+    return num1 + num2;
+}
+
+// console.log(mySum(3,5));
+
+function getName(firstName:string, lastName?:string):string{
+    if(lastName == undefined){
+        return firstName;
+    }
+    return firstName + ' ' + lastName;
+} // lastname é opcional por causa do '?'
+
+console.log(getName('John', 'Doe'));
+
+function myVoid():void{
+    
+}

index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Page Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="classes.js"></script>
+</head>
+<body>
+    TypeScript Page
+</body>
+</html>

interfaces.js

@@ -0,0 +1,25 @@
+/*function showTodo(todo) {
+    console.log(todo.title + ': ' + todo.text);
+}
+let myTodo = {
+    title: 'Titulo tarefa',
+    text: 'texto tarefa'
+};
+showTodo(myTodo);
+*/
+
+interface Todo{
+    title: string;
+    text: string;
+}
+
+function showTodo(todo: Todo) {
+    console.log(todo.title + ': ' + todo.text);
+}
+
+myTodo = {
+    title: 'Titulo tarefa',
+    text: 'texto tarefa'
+};
+
+showTodo(myTodo);

interfaces.ts

@@ -0,0 +1,10 @@
+function showTodo(todo: {title: string, text: string}){
+    console.log(todo.title + ': ' + todo.text);
+}
+
+let myTodo = {
+    title: 'Titulo tarefa',
+    text: 'texto tarefa'
+}
+
+showTodo(myTodo);

types.js

@@ -0,0 +1,25 @@
+var myString;
+var myNum;
+var myBool;
+var myVar;
+// let strArray: string[];
+// let numArray: number[];
+// let boolArray: boolean[];
+var strArray;
+var numArray;
+var boolArray;
+var strNumTuple;
+myString = 'Hello'.slice(0, 3);
+myNum = 22;
+myBool = true;
+myVar = true;
+strArray = ['Hello', 'World'];
+numArray = [1, 2, 3];
+boolArray = [true, false, false];
+strNumTuple = ['hello', 3];
+//strNumTuple = ['hello', 3, 4, 5, 'a']; // tambem funciona, só valida os 2 primeiros valores
+var myVoid;
+var myNull; // pode ser null ou undefined
+var myUndefined; // pode ser null ou undefined
+myVoid = null; // pode ser undefined também
+console.log(strNumTuple);

types.ts

@@ -0,0 +1,35 @@
+let myString: string;
+let myNum: number;
+let myBool: boolean;
+let myVar: any;
+
+// let strArray: string[];
+// let numArray: number[];
+// let boolArray: boolean[];
+
+let strArray: Array<string>;
+let numArray: Array<number>;
+let boolArray: Array<boolean>;
+
+let strNumTuple: [string, number];
+
+myString = 'Hello'.slice(0,3);
+myNum = 22;
+myBool = true;
+myVar = true;
+
+strArray = ['Hello', 'World'];
+numArray = [1,2,3];
+boolArray = [true, false, false];
+
+strNumTuple = ['hello', 3];
+
+//strNumTuple = ['hello', 3, 4, 5, 'a']; // tambem funciona, só valida os 2 primeiros valores
+
+//let myVoid: void;
+let myNull: null; // pode ser null ou undefined
+let myUndefined: undefined; // pode ser null ou undefined
+
+//myVoid = null; // pode ser undefined também
+
+console.log(strNumTuple);