JavaScript Object oriented programming

 jsOOPS.JS

function Car(brand, color, maxSpeed, chassisNumber) {
  this.brand = brand;
  this.color = color;
  this.maxSpeed = maxSpeed;
  this.chassisNumber = chassisNumber;
}
 
Car.prototype.drive = function() {
  console.log(`${this.brand} ${this.color} is driving`);
}
 
Car.prototype.reverse = function() {
  console.log(`${this.brand} ${this.color} is reversing`);
}
Car.prototype.turn = function() {
   console.log(`${this.brand} ${this.color} is turning`);
 }
 
 // Membuat objek mobil dengan constructor function Car
 const car1 = new Car('Toyota', 'Silver', 200, 'to-1');
 const car2 = new Car('Honda', 'Black', 180, 'ho-1');
 const car3 = new Car('Suzuki', 'Red', 220, 'su-1');
 
 const Tomy = new Car('Tomy Medan', 'Biru', 5000, 'tu-1');
 
//  console.log(car1);
//  console.log(car2);
//  console.log(car3);
 console.log(Tomy);
 
//  car1.drive();
//  car2.drive();
//  car3.drive();
 Tomy.drive();
 
 /* Output
 Car { brand: 'Toyota', color: 'Silver', maxSpeed: 200, chassisNumber: 'to-1' }
 Car { brand: 'Honda', color: 'Black', maxSpeed: 180, chassisNumber: 'ho-1' }
 Car { brand: 'Suzuki', color: 'Red', maxSpeed: 220, chassisNumber: 'su-1' }
 
 Toyota Silver is driving
 Honda Black is driving
 Suzuki Red is driving
 */




jsOOP.js

const car = {
   // properties
   brand: 'Ford',
   color: 'red',
   maxSpeed: 200,
   chassisNumber: 'f-1',
   // methods
   drive: () => {
     console.log('driving');
   },
   reverse: () => {
     console.log('reversing');
   },
   turn: () => {
     console.log('turning');
   }
 }
 
 console.log(car.brand); // Ford
 console.log(car.color); // red
 console.log(car.maxSpeed); // 200
 console.log(car.chassisNumber); // f-1
 car.drive(); // driving
 car.reverse(); // reversing
 car.turn(); // turning


Tugas Quis : 
/**
 * TODO:
 * 1. Buatlah class bernama Animal dengan ketentuan:
 *    - Memiliki properti:
 *      - name: string
 *      - age: int
 *      - isMammal: boolean
 *    - Memiliki constructor untuk menginisialisasi properti:
 *      - name
 *      - age
 *      - isMammal
 * 2. Buatlah class bernama Rabbit dengan ketentuan:
 *    - Merupakan turunan dari class Animal
 *    - Memiliki method:
 *      - eat yang mengembalikan nilai string `${this.name} sedang makan!`
 *    - Ketika diinstansiasi, properti isMammal harus bernilai true
 * 3. Buatlah class bernama Eagle dengan ketentuan:
 *    - Merupakan turunan dari class Animal
 *    - Memiliki method:
 *      - fly yang mengembalikan nilai string `${this.name} sedang terbang!`
 *    - Ketika diinstansiasi, properti isMammal harus bernilai false
 * 4. Buatlah instance dari class Rabbit bernama "myRabbit" dengan ketentuan:
 *    - properti name bernilai: "Labi"
 *    - properti age bernilai: 2
 * 5. Buatlah instance dari class Eagle bernama "myEagle" dengan ketentuan:
 *    - properti name bernilai: "Elo"
 *    - properti age bernilai: 4
 */

// Tulis kode di bawah ini
class Animal {
   constructor(name, age, isMammal) {
     this.name = name;
     this.age = age;
     this.isMammal = isMammal;
   }
 }

Selamat Mengerjakan.. kirim tugas ke fb.me/tomysatriaalasi

0 Response to "JavaScript Object oriented programming"