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

Author

Recent Posts

Observer Pattern in JavaScript: Implementing Custom Event Systems

Introduction The Observer Pattern is a design pattern used to manage and notify multiple objects…

4 weeks ago

Memory Management in JavaScript

Memory management is like housekeeping for your program—it ensures that your application runs smoothly without…

1 month ago

TypeScript vs JavaScript: When to Use TypeScript

JavaScript has been a developer’s best friend for years, powering everything from simple websites to…

1 month ago

Ethics in Web Development: Designing for Inclusivity and Privacy

In the digital age, web development plays a crucial role in shaping how individuals interact…

1 month ago

Augmented Reality (AR) in Web Development Augmented Reality (AR) is reshaping the way users interact…

1 month ago

Node.js Streams: Handling Large Data Efficiently

Introduction Handling large amounts of data efficiently can be a challenge for developers, especially when…

1 month ago