added js oop problems

AlveeM · AlveeM · commit 74b3b2da1db1 · 2021-04-23T21:23:02.000-04:00
diff --git a/csbin/oop/01-makePerson.js b/csbin/oop/01-makePerson.js
@@ -0,0 +1,10 @@
+function makePerson(name, age) {
+  return {
+    name,
+    age,
+  }
+}
+
+const vicky = makePerson('Vicky', 24);
+console.log(vicky.name); // -> Logs 'Vicky'
+console.log(vicky.age); // -> Logs 24
diff --git a/csbin/oop/02-Object.create.js b/csbin/oop/02-Object.create.js
@@ -0,0 +1,40 @@
+/*** CHALLENGE 2 ***/
+
+const personStore = {
+  greet() {
+		console.log("hello");
+	}
+};
+
+// /********* Uncomment this line to test your work! *********/
+// personStore.greet(); // -> Logs 'hello'
+
+
+
+/*** CHALLENGE 3 ***/
+
+function personFromPersonStore(name, age) {
+	const person = Object.create(personStore);
+	person.name = name;
+	person.age = age;
+	return person;
+}
+
+const sandra = personFromPersonStore('Sandra', 26);
+
+
+// /********* Uncomment these lines to test your work! *********/
+// console.log(sandra.name); // -> Logs 'Sandra'
+// console.log(sandra.age); //-> Logs 26
+// sandra.greet(); //-> Logs 'hello'
+
+
+
+/*** CHALLENGE 4 ***/
+
+// add code here
+personStore.introduce = function() {
+	console.log(`Hi, my name is ${this.name}`)
+}
+
+sandra.introduce(); // -> Logs 'Hi, my name is Sandra'
diff --git a/csbin/oop/03-new-keyword.js b/csbin/oop/03-new-keyword.js
@@ -0,0 +1,41 @@
+/*** CHALLENGE 5 ***/
+
+function PersonConstructor() {
+	this.greet = function() {
+    console.log('"hello');
+  }
+}
+
+
+// /********* Uncomment this line to test your work! *********/
+const simon = new PersonConstructor;
+// simon.greet(); // -> Logs 'hello'
+
+
+
+/*** CHALLENGE 6 ***/
+
+function personFromConstructor(name, age) {
+  const person = new PersonConstructor();
+  person.name = name;
+  person.age = age;
+  return person;
+}
+
+const mike = personFromConstructor('Mike', 30);
+
+
+// /********* Uncomment these lines to test your work! *********/
+// console.log(mike.name); // -> Logs 'Mike'
+// console.log(mike.age); //-> Logs 30
+// mike.greet(); //-> Logs 'hello'
+
+
+
+/*** CHALLENGE 7 ***/
+// add code here
+PersonConstructor.prototype.introduce = function() {
+  console.log(`Hi, my name is ${this.name}`);
+}
+
+mike.introduce(); // -> Logs 'Hi, my name is Mike'
diff --git a/csbin/oop/04-es6-classes.js b/csbin/oop/04-es6-classes.js
@@ -0,0 +1,32 @@
+/*** CHALLENGE 8 ***/
+
+class PersonClass {
+	constructor(name) {
+    this.name = name;
+	}
+
+  greet() {
+    console.log("hello")
+  }
+
+}
+
+
+// /********* Uncomment this line to test your work! *********/
+const george = new PersonClass;
+// george.greet(); // -> Logs 'hello'
+
+
+
+/*** CHALLENGE 9 ***/
+
+class DeveloperClass extends PersonClass {
+  introduce() {
+    console.log(`Hello World, my name is ${this.name}`);
+  }
+}
+
+// /********* Uncomment these lines to test your work! *********/
+const thai = new DeveloperClass('Thai', 32);
+console.log(thai.name); // -> Logs 'Thai'
+thai.introduce(); //-> Logs 'Hello World, my name is Thai'
diff --git a/csbin/oop/05-subclassing.js b/csbin/oop/05-subclassing.js
@@ -0,0 +1,41 @@
+const userFunctionStore = {
+  sayType: function() {
+    console.log("I am a " + this.type);
+  }
+}
+
+function userFactory(name, score) {
+  let user = Object.create(userFunctionStore);
+  user.type = "User";
+  user.name = name;
+  user.score = score;
+  return user;
+}
+
+/*** CHALLENGE 10 ***/
+
+const adminFunctionStore = {
+  // add code here
+  __proto__: userFunctionStore
+}
+
+/*** CHALLENGE 11, 12, 13 ***/
+
+function adminFactory(name, score) {
+  const admin = userFactory(name, score);
+  admin.type = "Admin";
+  Object.setPrototypeOf(admin, adminFunctionStore);
+  return admin;
+}
+
+/*** CHALLENGE 14 ***/
+/* Put code here for a method called sharePublicMessage*/
+adminFunctionStore.sharePublicMessage = function() {
+  console.log("Welcome users!");
+}
+
+const adminFromFactory = adminFactory("Eva", 5);
+
+// /********* Uncomment these lines to test your work! *********/
+adminFromFactory.sayType() // -> Logs "I am a Admin"
+adminFromFactory.sharePublicMessage() // -> Logs "Welcome users!"
diff --git a/csbin/oop/06-mixins.js b/csbin/oop/06-mixins.js
@@ -0,0 +1,22 @@
+class Dog {
+  constructor() {
+    this.legs = 4;
+  }
+  speak() {
+    console.log('Woof!');
+  }
+}
+
+const robotMixin = {
+  skin: 'metal',
+  speak: function() { console.log(`I have ${this.legs} legs and am made of ${this.skin}`) },
+}
+
+let robotFido = new Dog();
+
+// robotFido = /* Put code here to give Fido robot skills */;
+robotFido = Object.assign(robotFido, robotMixin);
+
+
+// /********* Uncomment to test your work! *********/
+robotFido.speak() // -> Logs "I am made of metal"
