Complete TS classes lesson

Author: nicorithner

typescript-training/04-classes/01-class-definition/Customer.js

@@ -0,0 +1,9 @@
+var Customer = /** @class */ (function () {
+    function Customer(theFirst, theLast) {
+        this.firstName = theFirst;
+        this.lastName = theLast;
+    }
+    return Customer;
+}());
+var myCustomer = new Customer("Martin", "Dixon");
+console.log(myCustomer.firstName);

typescript-training/04-classes/01-class-definition/Customer.ts

@@ -0,0 +1,16 @@
+class Customer {
+
+ private firstName: string;
+ private lastName: string;
+
+  constructor(theFirst: string, theLast: string) {
+    this.firstName = theFirst;
+    this.lastName = theLast;
+  }
+}
+
+let myCustomer = new Customer("Martin", "Dixon");
+
+// npx tsc --noEmitOnError 01-class-definition/Customer.ts will keep it from compiling when there is an error.
+// if firstName is private it will error out but it compiles anyway unless we flag it as explained above.
+console.log(myCustomer.firstName) 

typescript-training/04-classes/02-access-modifiers/Customer.js

@@ -0,0 +1,35 @@
+var Customer1 = /** @class */ (function () {
+    function Customer1(theFirst, theLast) {
+        this._firstName = theFirst;
+        this._lastName = theLast;
+    }
+    Object.defineProperty(Customer1.prototype, "firstName", {
+        get: function () {
+            return this._firstName;
+        },
+        set: function (value) {
+            this._firstName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Customer1.prototype, "lastName", {
+        get: function () {
+            return this._lastName;
+        },
+        set: function (value) {
+            this._lastName = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Customer1;
+}());
+// let's create an instance
+var myCustomer1 = new Customer1("Martin", "Dixon");
+myCustomer1.firstName = "Susan";
+myCustomer1.lastName = "Public";
+console.log(myCustomer1.firstName);
+console.log(myCustomer1.lastName);
+// For it to compile with this syntax we have to provide the flag --target ES5
+// tsc --target ES5 --noEmitOnError Customer.ts

typescript-training/04-classes/02-access-modifiers/Customer.ts

@@ -0,0 +1,38 @@
+class Customer1 {
+
+    private _firstName: string;
+    private _lastName: string;
+
+    constructor(theFirst: string, theLast: string) {
+        this._firstName = theFirst;
+        this._lastName = theLast;
+    }
+
+    public get firstName(): string {
+        return this._firstName;
+    }
+
+    public set firstName(value: string) {
+        this._firstName = value;
+    }
+
+    public get lastName(): string {
+        return this._lastName;
+    }
+    public set lastName(value: string) {
+        this._lastName = value;
+    }
+    
+}
+
+// let's create an instance
+let myCustomer1 = new Customer1("Martin", "Dixon");
+
+myCustomer1.firstName = "Susan";
+myCustomer1.lastName = "Public";
+
+console.log(myCustomer1.firstName);
+console.log(myCustomer1.lastName);
+
+// For it to compile with this syntax we have to provide the flag --target ES5
+// tsc --target ES5 --noEmitOnError Customer.ts

typescript-training/04-classes/04-parameter-properties/Customer.ts

@@ -0,0 +1,33 @@
+class Customer2 {
+  constructor(
+    private _firstName: string,
+    private _lastName: string,
+  ) {}
+
+  public get firstName(): string {
+    return this._firstName;
+  }
+
+  public set firstName(value: string) {
+    this._firstName = value;
+  }
+
+  public get lastName(): string {
+    return this._lastName;
+  }
+  public set lastName(value: string) {
+    this._lastName = value;
+  }
+}
+
+// let's create an instance
+let myCustomer2 = new Customer2("Martin", "Dixon");
+
+myCustomer2.firstName = "Susan";
+myCustomer2.lastName = "Public";
+
+console.log(myCustomer2.firstName);
+console.log(myCustomer2.lastName);
+
+// For it to compile with this syntax we have to provide the flag --target ES5
+// tsc --target ES5 --noEmitOnError Customer.ts

typescript-training/04-classes/05-modules/Customer.ts

@@ -0,0 +1,23 @@
+class Customer3 {
+  constructor(
+    private _firstName: string,
+    private _lastName: string,
+  ) {}
+
+  public get firstName(): string {
+    return this._firstName;
+  }
+
+  public set firstName(value: string) {
+    this._firstName = value;
+  }
+
+  public get lastName(): string {
+    return this._lastName;
+  }
+  public set lastName(value: string) {
+    this._lastName = value;
+  }
+}
+
+export default Customer3;

typescript-training/04-classes/05-modules/Driver.ts

@@ -0,0 +1,12 @@
+import Customer3 from "./Customer";
+// let's create an instance
+let myCustomer3 = new Customer3("Martin", "Dixon");
+
+myCustomer3.firstName = "Susan";
+myCustomer3.lastName = "Public";
+
+console.log(myCustomer3.firstName);
+console.log(myCustomer3.lastName);
+
+// For it to compile with this syntax we have to provide the flag --target ES5
+// tsc --target ES5 --noEmitOnError Customer.ts

typescript-training/tsconfig.json

@@ -67,7 +67,7 @@
     // "newLine": "crlf",                                /* Set the newline character for emitting files. */
     // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
     // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
-    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
     // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
     // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */