Categories: javascript

Object Oriented Programming

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

Recent Posts

What Exactly is Docker?

Imagine moving to a new apartment. Instead of disassembling your furniture, rebuilding pipes, and rewiring…

34 minutes ago

Event Delegation in JavaScript

Imagine you’re the principal of a large school. Every day, students (like buttons, links, or…

1 day ago

The DRY Concept (Don’t Repeat Yourself)

You know that thing you do? Where you copy a chunk of code, paste it…

4 days ago

What Truly Makes a Great Software Developer

We've all seen them. The developers who seem to effortlessly untangle complex problems, whose code…

1 week ago

How to Filter Vulgar Words in React Native

If you're building a social, chat, or comment-based mobile app using React Native, protecting your…

2 weeks ago

How to Build Faster Mobile Apps With Native Wind Library

The Cross-Platform ImperativeLet's face it: building separate iOS and Android apps wastes resources. React Native…

2 weeks ago