ES6 Class Syntax

Author: pktcodes

app.js

@@ -1,30 +1,35 @@
 /*
-Property Lookup
-If child does not have ask parent
-Everything in JS is an Object
+ES6 Classes - Syntactic Sugar
+Prototypal Inheritance
+
+No keywords inside the class (bank, deposit(){}) apart from constructor
+Property(bank) are created on each instance
+Methods(deposit(){}) are on prototype
 */
 
-function Account(name, initialBalance) {
-  this.name = name;
-  this.balance = initialBalance;
-  this.bank = "Bank Of America";
-  //This takes precedence over proto, if not present then it will look property and methods in proto
+class Account {
+  constructor(name, initialBalance) {
+    this.name = name;
+    this.balance = initialBalance;
+  }
+  bank = "Chase"; //This gets created on each instance
+  deposit(amount) {
+    this.balance = this.balance + amount;
+    console.log(`Hello ${this.name}, your balance is ${this.balance}`);
+  }
 }
 
-Account.prototype.bank = "CHASE";
-Account.prototype.deposit = function (amount) {
-  this.balance = this.balance + amount;
-  console.log(`Hello ${this.name}, your balance is ${this.balance}`);
-};
+// Again, if want the a property on prototype to prevent memory issues, copy of same in each instance
+// Account.prototype.bank = "Bank of America";
 
 const john = new Account("john", 200);
-const bob = new Account("bob", 400);
-
-// john.deposit(300);
-// bob.deposit(1000);
-
 console.log(john);
-console.log(bob.bank);
+console.log(john.name);
+console.log(john.bank);
+john.deposit(200);
 
-console.log({});
-console.log([]);
+const bob = new Account("bob", 0);
+console.log(bob);
+console.log(bob.name);
+console.log(john.bank);
+bob.deposit(1000);

proto.js

@@ -0,0 +1,30 @@
+/*
+Property Lookup
+If child does not have ask parent
+Everything in JS is an Object
+*/
+
+function Account(name, initialBalance) {
+  this.name = name;
+  this.balance = initialBalance;
+  this.bank = "Bank Of America";
+  //This takes precedence over proto, if not present then it will look property and methods in proto
+}
+
+Account.prototype.bank = "CHASE";
+Account.prototype.deposit = function (amount) {
+  this.balance = this.balance + amount;
+  console.log(`Hello ${this.name}, your balance is ${this.balance}`);
+};
+
+const john = new Account("john", 200);
+const bob = new Account("bob", 400);
+
+// john.deposit(300);
+// bob.deposit(1000);
+
+console.log(john);
+console.log(bob.bank);
+
+console.log({});
+console.log([]);