object oriented programming tutorial by codeflare
Object oriented programming is a way of writing code such that different objects (instances) are created from a single object (blueprint).
Each created instance usually have properties that are not shared with other instances.
For example, we can have a ‘Human’ blueprint. This blueprint can have instances such as first name, last name, age, etc. These are unique and peculiar instances that are derived from the ‘Human’ blueprint.
Constructor Functions
Constructors are special functions that contain a “this” keyword.
“this” helps us store and access unique values that are created for each instance.
Example:
function Human(firstName, lastName){
this.firstName = firstName;
this.lastName = lastName;
}
let someGuy = new Human('Prince', 'Rakib');
console.log(someGuy.firstName) //Prince
console.log(someGuy.lastName) //Rakib
Class Syntax
Similar to constructor functions, classes are also a template for creating objects.
They are said to be the “syntactic sugar” of constructor functions. That is, the are an alternative way of writing constructor functions.
Example:
class Human {
constructor(firstName, lastName){
this.firstName = firstName;
this.lastName = lastName;
}
}
let someGuy = new Human('Prince', 'Rakib');
console.log(someGuy.firstName) //Prince
console.log(someGuy.lastName) //Rakib
When debugging JavaScript, you’ll often encounter ReferenceError and TypeError. While both indicate something went wrong,…
When selecting DOM elements in JavaScript, two common methods are document.querySelector() and document.getElementById(). But which…
When starting a JavaScript project, one of the first decisions you’ll face is: Should I…
Software development is one of the most valuable skills you can learn. From building websites…
In JavaScript, arrays are used to store multiple values in a single variable. While JavaScript…
Containerization is a lightweight form of virtualization that packages an application and its dependencies into…