Factory Functions

pktcodes · pktcodes · commit 328fbf62ceef · 2023-03-12T23:09:42.000-05:00
diff --git a/app.js b/app.js
@@ -1,36 +1,47 @@
-/* In Reg Functions (not arrow) "this"
-determined by "HOW"!!! a function is invoked (left of .)
-
-defaults to global - window
-arrow functions - pump the breaks
-*/
-
-// console.log(this);
-
-function showThis() {
-  console.log(this);
+// Blue Print
+// Factory Functions and Constructor Functions
+// Factory Functions
+
+// const john = {
+//   firstName: "john",
+//   lastName: "anderson",
+//   fullName: function () {
+//     // console.log(this);
+//     console.log(
+//       `Hello, my name is ${this.firstName} ${this.lastName} and I love JS`
+//     );
+//   },
+// };
+
+// const bob = {
+//   firstName: "bob",
+//   lastName: "anderson",
+//   fullName: function () {
+//     // console.log(this);
+//     console.log(`Hello, my name is ${this.firstName} ${this.lastName}`);
+//   },
+// };
+
+// john.fullName();
+// bob.fullName();
+
+function createPerson(firstName, lastName) {
+  return {
+    firstName: firstName,
+    lastName: lastName,
+    fullName: function () {
+      console.log(
+        `Hello, my name is ${this.firstName} ${this.lastName} and I love JS`
+      );
+    },
+  };
 }
 
-const john = {
-  name: "john",
-  showThis: showThis,
-};
-
-const bob = {
-  name: "bob",
-  showThis: showThis,
-};
-
-john.showThis();
-bob.showThis();
-
-showThis();
-
-const btn1 = document.querySelector(".btn-1");
-const btn2 = document.querySelector(".btn-2");
+const john = createPerson("john", "anderson");
+john.fullName();
 
-btn1.addEventListener("click", showThis);
+const bob = createPerson("bob", "jordan");
+bob.fullName();
 
-btn2.addEventListener("click", function () {
-  showThis();
-});
+const susy = createPerson("susy", "apple");
+susy.fullName();
diff --git a/index.html b/index.html
@@ -12,8 +12,6 @@
   </head>
   <body>
     <h1>objects</h1>
-    <button class="btn-1">click me</button>
-    <button class="btn-2">click me</button>
     <!-- Link to JavaScript -->
     <script src="./app.js"></script>
   </body>
