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

How to Debug Your JavaScript Code

Debugging JavaScript code can sometimes be challenging, but with the right practices and tools, you…

2 days ago

Service Workers in JavaScript: An In-Depth Guide

Service Workers are one of the core features of modern web applications, offering powerful capabilities…

2 weeks ago

What are Database Driven Websites?

A database-driven website is a dynamic site that utilizes a database to store and manage…

2 weeks ago

How to show Toast Messages in React

Toasts are user interface elements commonly used in software applications, especially in mobile app development…

2 weeks ago

Exploring the Relationship Between JavaScript and Node.js

JavaScript has long been synonymous with frontend web development, powering interactive and dynamic user interfaces…

3 weeks ago

Key Differences Between Tailwind CSS and CSS3

Introduction: In the world of web development, CSS (Cascading Style Sheets) plays a crucial role…

4 weeks ago