Stack3web
diff --git a/‎19-Prototypes-Classes-And-The-New-Operator/01/app.js‎
Lines changed: 42 additions & 0 deletions b/‎19-Prototypes-Classes-And-The-New-Operator/01/app.js‎
Lines changed: 42 additions & 0 deletions
diff --git a/‎19-Prototypes-Classes-And-The-New-Operator/01/index.html‎
Lines changed: 12 additions & 0 deletions b/‎19-Prototypes-Classes-And-The-New-Operator/01/index.html‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎19-Prototypes-Classes-And-The-New-Operator/README.md‎
Lines changed: 17 additions & 0 deletions b/‎19-Prototypes-Classes-And-The-New-Operator/README.md‎
Lines changed: 17 additions & 0 deletions
@@ -0,0 +1,42 @@
+// ******************************
+// What on Earth are Prototypes ******************************
+
+console.log('What on Earth are Prototypes')
+console.log('\n')
+
+// Example 1
+String.prototype.grumpus = () => {
+  console.log('GO AWAY!!!')
+}
+
+console.log(String.prototype)
+
+console.log('\n');
+console.log(String.prototype.grumpus)
+
+console.log('\n')
+const cat = 'Blue'
+console.log(cat.grumpus());
+
+console.log('\n')
+// Example 2
+String.prototype.yell = function() {
+  console.log(this);
+  // This refers to whatever string we're calling the method on
+  return `OMG!!! ${this.toUpperCase()}!!!!!! AHGHGHGHGGHH!`
+}
+
+const hello = 'Hello'
+console.log(hello.yell())
+
+console.log('\n')
+// Example 3
+// Overwritting .pop
+Array.prototype.pop = function() {
+  return 'SORRY I WANT THAT ELEMENT, I WILL NEVER POP IT OFF!'
+}
+
+const arr = [1, 2, 3, 4, 5]
+console.log(arr.pop())
+console.log('\n')
+console.log(arr);
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>JavaScript</title>
+  </head>
+  <body>
+    <script src="app.js"></script>
+  </body>
+</html>
@@ -0,0 +1,17 @@
+## 19-Prototypes-Classes-And-The-New-Operator
+
+## 1. What on Earth are Prototypes
+
+https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_prototypes
+
+**__proto__**, So rather than having a separate method on every single array called push, there is one prototype and each array has a reference to that prototype with this special property **__proto__**. And we actually can see this in other types of objects in JavaScript.
+
+```javascript
+console.log(Array.prototype)
+console.log(Object.prototype)
+console.log(String.prototype)
+```
+
+I could actually define my own type of an object and set its prototype to the array prototype. And i would have access to those array methods in my whatever object, my version of the array.
+
+Prototypes are lik e a template object. They are objects, they contain typically a bunch of methods, and then we can create multiple objects that share the same prototype so that they all have access to the same methods without having to have their own copy.