oops.js

// that oops is concept from javascript
// Object, classes, encapsulation and Inheritance
// encapsulation : hiding the properties from the object which is created
// Inheritance : parent and child class relationships

// object
// In Javscript everything is an object
var a = 2; // object

function add(a, b) {
  return a + b;
} // object

// object is an unique entity which contains property and methods

//Object literal
// Defining an Object
let person = {
  first_name: "Sobyalal",
  last_name: "Baby",

  getFunction: function () {
    return `${this.first_name} ${this.last_name}`;
  },

  phoneNumber: {
    mobile: "12345677843",
    landline: "122123123",
  },
};

console.log(person.getFunction());
console.log(person.phoneNumber.landline);

// Using an Object Constructor

function personusingCons(first_name, last_name) {
  this.first_name = first_name;
  this.last_name = last_name;
  console.log(`${this.first_name}....${this.last_name}`);
}

// constructor is a first executable function when object is instantiated

// create 2 persons

let person1 = new personusingCons("Sobyalal", "Baby"); // creating an new instance from object person
let person2 = new personusingCons("Chipui", "Kasar");

// Object.create() method

const coder = {
  isStudying: false,
  introduction: function () {
    console.log(`My name is ${this.name} ${this.isStudying}`);
  },
}; // object

const coder1 = Object.create(coder);
coder1.name = "Thangam";
coder1.isStudying = true;
coder1.introduction();

// Classes
// classes are exact blueprint of object
// class can have many objects because class is just a template while object are instances
// gold smith example
// there are no classes in javascript even if we define a class it will be an object internally
// Javascript is a prototype based object oriented programming language
// it is defining behaviors using constructor functions and then reuse that prototype

// ES2015 until that there was no keyword called class
// es6 they introduced traditional way of defining objects
// class keyword

class Vehicle {
  constructor(name, maker, engine) {
    this.name = name;
    this.maker = maker;
    this.engine = engine;
  }

  getDetails() {
    return `${this.name}, ${this.maker}, ${this.engine}`;
  }
}

let bike1 = new Vehicle("Hayabusa", "Suzuki", "1340cc");
let bike2 = new Vehicle("karizma", "Honda", "998cc");

console.log(bike1.name);
console.log(bike2.name);

// es2015 method

function VehicleOldWay(name, maker, engine) {
  this.name = name;
  this.maker = maker;
  this.engine = engine;
}

VehicleOldWay.prototype.getDetails = function () {
  return `${this.name}, ${this.maker}, ${this.engine}`;
};

let bike3 = new VehicleOldWay("Hayabusa", "Suzuki", "1340cc");
let bike4 = new VehicleOldWay("karizma", "Honda", "998cc");
console.log(bike3.name);
console.log(bike4.name);
console.log(bike3.getDetails());

// encapsulation

// process of wrapping or hiding property or function within a single class

class persont {
  constructor(name, id) {
    let addressa = "";
    this.name = name;
    this.id = id;
  }

  add_address(address) {
    this.addressa = address;
  }
  getDetails() {
    console.log(`${this.name} + ${this.add}`);
  }
}

let personv = new persont("Vignesh", 21);
personv.add_address("Delhi");
console.log(personv.addressa);

//  Inheritance

// Car --> driving() , usingBreaks() ---> common functionality ---> parent class --> inherit features to the child
// class

// Maruthi Suzuki --> driving() , using Breaks()
// benz --> driving() , using Breaks()

class Car {
  constructor(steering, carbreak, gear) {
    this.steering = steering;
    this.carbreak = carbreak;
    this.gear = gear;
  }
  // function
  driving() {
    return `we are using ${this.steering}, ${this.carbreak}, ${this.gear}`;
  }
}

class maruthi extends Car {
  constructor(steering, carbreak, gear, music) {
    super(steering, carbreak, gear);
    this.music = music;
  }

  driving() {
    return `${super.driving()},   ${this.music}`;
  }
}

let car1 = new Car("normalSteering", "normalCarbreak", "normalgear");
console.log(car1.driving());

let maruthi1car = new maruthi("boschsteering", "mitshubi", "havells", "harman");
console.log(maruthi1car.driving());

// class person {
//   // parent class
//   constructor(name) {
//     this.name = name;
//   }

//   toString() {
//     return `The name of the person is ${name}`;
//   }
// }

// class student extends person {
//   constructor(name, id) {
//     super(name);
//     this.id = id;
//   }

//   toString(){
//     return
//   }

// }