Welcome! Today's subject is Encapsulation, a cornerstone of Object-Oriented Programming (OOP). Encapsulation bundles data and the operations that we perform on them into one unit, namely an object. It guards data against unwanted alterations, ensuring the creation of robust and maintainable software.

Prepare yourself for an exciting journey as we delve into how encapsulation works in JavaScript and explore the vital role it plays in data privacy.

Starting with the basics, Encapsulation is similar to packing data and the methods that modify this data into a single compartment known as a class. It safeguards the data in an object from external interference.

To illustrate, consider a JavaScript class representing a bank account. Without encapsulation, the account balance could be directly altered. With encapsulation, however, the balance can only change through specified methods, like depositing or withdrawing.

Encapsulation restricts direct access to an object's data and prevents unwanted data alteration. This principle is comparable to window blinds, allowing you to look out while preventing others from peeping in.

In JavaScript, encapsulation pertains to private and public fields, which are integral to data privacy. Private fields, prefixed with #, warrant caution while being manipulated. Constructors are special methods used for initializing these fields and setting up the initial state of an object. They are automatically called when an object is created from a class.

To illustrate, let's consider a JavaScript class named Person, which includes a private field #name.

class Person {
  #name;  // Private field

  constructor(name) {
    this.#name = name;
  }

  getName() {  // Accessor method
    return this.#name;
  }
}

const person = new Person('Alice');
console.log(person.getName());  // Accessing private field via accessor method. Output: Alice
console.log(person.#name); // Error: Private field '#name' must be declared in an enclosing class

In this example, #name is private, and getName() enables us to access #name. However, we specify that the name can't be changed, as we don't provide a proper method for that.

In JavaScript, all class members are public by default. To designate a field as private, we prefix it with #.