completed constructors.js

Jesse Hood · Jesse Hood · commit 64a8fe4729e3 · 2017-11-08T17:54:08.000-05:00
diff --git a/constructors.js b/constructors.js
@@ -8,7 +8,11 @@ function Animal(options) {
   this.name = options.name;
 }
 
+
 // add 'grow' to Animal's prototype here
+Animal.prototype.grow = function() {
+  console.log(`${this.name} grew larger!`);
+}
 
 // problem #2
 // setup Cat to inherit from Animal
@@ -18,16 +22,18 @@ function Animal(options) {
 
 function Cat(options) {
   // invoke Animal here with .call
+  Animal.call(this, options);
 }
 
 // connect the prototypes here
+Cat.prototype = Object.create(Animal.prototype);
 
 // if everything is setup properly the code below will print 'Foofie grew larger!'
 // uncomment the code below to test your solution
 
-// const foofie = new Cat({
-//   name: 'foofie',
-// });
-//
-// foofie.grow();
+const foofie = new Cat({
+  name: 'foofie',
+});
+
+foofie.grow();
 
diff --git a/recursion.js b/recursion.js
@@ -10,19 +10,19 @@ while (n <= 10) {
 // write a recursive - function called countToTen that mimics the while loop above.
 
 // code here
-
+let countToTen = (n = 0) => {
+  console.log(`While Loop ${n}`);
+  if (n < 10) return countToTen(n+1);
+}
 // when you code is ready, un-comment the next line and run the file
-// console.log(countToTen());
+console.log(countToTen());
 /* ================ Next Problem ================= */
 
 // Problem 2:
 
 const factorial = n => {
-  let result = 1;
-  for (let i = 2; i <= n; i++) {
-    result *= i;
-  }
-  return result;
+  if (n === 0) return 1;
+  return n * factorial(n - 1);
 };
 
 console.log(factorial(5));
diff --git a/this.js b/this.js
@@ -9,18 +9,66 @@
 * write out a code example of each explanation above
 */
 
-// Principle 1
+// Principle 1: Window Binding - window/global this points to that object
 
-// code example for Window Binding
+function sayName(name) {
+  console.log(`hello my name is ${name}`);
+  console.log(this);
+}
 
-// Principle 2
+sayName('Ryan');
 
-// code example for Implicit Binding
+// Principle 2: Implicit Binding - object before the dot becomes this
 
-// Principle 3
+const myObj = {
+  greeting: 'hello',
+  sayHello: function(name) {
+    console.log(`${this.greeting} ${name}`);
+    console.log(this);
+  }
+}
 
-// code example for New Binding
+myObj.sayHello('Ryan');
 
-// Principle 4
+const sayNameFunc = (obj) => {
+  obj.sayName = function () {
+    console.log(`Hello my name is ${this.name}`);
+    console.log(this);
+  }
+};
 
-// code example for Explicit Binding
+const me = {name: 'Ryan'};
+const you = {name: 'Freddy' };
+
+sayNameFunc(me);
+console.log(me);
+sayNameFunc(you);
+console.log(you);
+
+me.sayName();
+you.sayName();
+
+// Principle 3: New Binding - the object where the new keyword called.
+
+function CordialPerson(greeter) {
+  this.greeting = 'hello';
+  this.greeter = 'greeter';
+  this.speak = function() {
+    console.log(this.greeting + this.greeter);
+    console.log(this);
+  }
+}
+
+const jerry = new CordialPerson('Newman');
+const newman = new CordialPerson('Jerry');
+
+jerry.speak();
+newman.speak();
+
+console.log(jerry);
+console.log(newman);
+
+// Principle 4: Explicit Binding - Whenever javascript's call or apply method is used, this is explicitly
+
+jerry.speak.call(newman);
+newman.speak.apply(jerry);
