The avatar for @mmakutonin
mmakutonin
Published
Edited
Jun 20, 2020
Fork of September 30: Advanced Objects III: Class Inheritance
•
11 forks
IT-280B SP'20
Lesson 1: Syllabus & Intro to Basic Math:Lesson 2: Variables, Types, and Boolean AlgebraLesson 3: Type Coercion / Conversion, Plus ComparisonsLesson 4: if, for, while, and some functionsLesson 5: Objects and More Function Basics!Lesson 6: Arrays and HTML ProjectLesson 7: Advanced Functions I: Closures, IIFEs, Factory Functions, and ModulesLesson 8: Advanced PrimitivesLesson 9: Application Programming Interfaces (APIs)Lesson 10: Advanced Functions II: Promises, Async/AwaitLesson 11: Advanced Functions III: Higher Order Functions (HOFs)Lesson 12: Advanced Objects I: PrototypesLesson 13: Advanced Functions IV: Advanced this(Bind, Call, Apply), and Function===ObjectLesson 14: Advanced Objects II: Classes
Lesson 4-3 Class Inheritance
Lesson 16: Advanced Functions 5: Arrow Functions and Default Function Parameters, and functional ...restLesson 17: let and constLesson 18: Review time!Lesson 19: Export/ImportLesson 20: Intro to React, React Native, and Expo (React Day 1)Lesson 21: React Day 2: this.props and React Event HandlingLesson 22: React Day 3: Lifting this.state upLesson 23: ScrumWorkshop #1: UX/UI Best Practices and Trends
Also listed in…
Programming For Beginners: Seeq Webinar Series
Insert cell
Insert cell
Insert cell
class Animal {
constructor(name, species, sex) {
this.species = species;
this.sex = sex;
this.name = name;
this.stomach = [];
}

eat(food) {
this.stomach.push(food);
}

poop() {
const randomAmount = Math.round(Math.random() * (this.stomach.length - 1));
let doggyBag = [];
for (var i = 0; i < randomAmount; i++) {
doggyBag.push(this.stomach.pop());
}
return doggyBag;
}

introduce() {
return `Hi, my name is ${this.name}. I'm a ${this.sex} ${this.species}.`;
}
}
Insert cell
Insert cell
{
const matt = new Animal("Matt", "Human", "male");

matt.eat("pizza");
matt.eat("chocolate");
matt.eat("beef");

matt.poop();

return matt.stomach;
}
Insert cell
Insert cell
class Dog extends Animal {
constructor(name, sex, breed) {
super(name, "dog", sex); //"super" refers to the "superclass," or the class we are extending
this.breed = breed;
}

introduce() {
// extend superclass method
return super.introduce() + " Woof woof!";
}

bark() {
return "woof";
}
}
Insert cell
Insert cell
chase = new Dog("Chase", "male", "chihuahua")
Insert cell
chase.introduce()
Insert cell
chase.bark()
Insert cell
chase.breed
Insert cell
Insert cell
{
class Robot {
constructor() {
// static property
Robot.totalUnits = Robot.totalUnits + 1 || 1;

this.serialNo = Robot.totalUnits;
}

introduce() {
return "Hello. I am unit " + this.serialNo + " of " + Robot.totalUnits;
}
}

var robo1 = new Robot();
var robo2 = new Robot();
var robo3 = new Robot();
var robo4 = new Robot();

return robo1.introduce();
}
Insert cell
Insert cell
class Stat {
constructor(stat) {
this.stat = stat;
}

static combineStats(stat1, stat2) {
return new Stat(stat1.stat + stat2.stat);
}
}
Insert cell
Insert cell
Insert cell
statA.stat
Insert cell
statA.combineStats(statA, statB)
Insert cell
Stat.combineStats(statA, statB)
Insert cell
Insert cell
clif = new Dog('Clif', 'male', 'Big Red')
Insert cell
clif instanceof Dog
Insert cell
clif instanceof Animal
Insert cell
Dog instanceof Animal // why is this false?
Insert cell
Insert cell
class Robot {
//write code here
}
Insert cell
Insert cell
Insert cell
class FastRobot /*code here*/ {
//code here
}
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more