JAVASCRIPT

javascript create class

class Person {
 constructor(name, age) {
   this.name = name;
   this.age = age;
 }
  present = () => { //or present(){
  	console.log(`Hi! i'm ${this.name} and i'm ${this.age} years old`) 
  }
}
let me = new Person("tsuy", 15);
me.present();
// -> Hi! i'm tsuy and i'm 15 years old.

javascript classes

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }

  carDetails() {
    console.log("Car name: " + this.name, "
Car year: "+ this.year);
  }

  drive() {
    console.log("Driving!")
  }

}

let car = new Car("Audi", 2019);
car.carDetails();
car.drive();

js class

class ClassMates{
	constructor(name,age){
    	this.name=name;
      	this.age=age;
    }
}
const classmate = new ClassMates("Mohamed",16);
console.log(classmate.name);//output Mohamed
console.log(classmate.age);//output 16

js class

function Animal (name) {
  this.name = name;
}

Animal.prototype.speak = function () {
  console.log(`${this.name} makes a noise.`);
}

class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}

let d = new Dog('Mitzie');
d.speak(); // Mitzie barks.

// For similar methods, the child's method takes precedence over parent's method

how to create a class javascript

class Person {
	constructor(name, age) {
		this.name = name;
		this.age = age;
	}
	displayInfo() {
		return this.name + ' is' + this.age + " years old";
	}
}

const Anthony = new Person('Anthony', 32);

javascript create class

class Car {
  constructor(brand) {
    this.carname = brand;
  }
}

js class

class MyArray extends Array {
  // Overwrite species to the parent Array constructor
  static get [Symbol.species]() { return Array; }
}

let a = new MyArray(1,2,3);
let mapped = a.map(x => x * x);

console.log(mapped instanceof MyArray); // false
console.log(mapped instanceof Array);   // true

js class syntax

// method 1

function nested(name , age , color){
    this.name = name;
    this.details = { 
        age : age,
        color : color
    }
}

let nestedObj = new nested( "Elroi" , 22 , "blue");
 console.log(nestedObj)


// method 2
class Nested2{
    constructor(name , age , color){
        this.name = name;
        this.details = {
            age : age,
            color : color
        }
    };

    displayInfo(){
        console.log(`${this.name} ${this.details.age} ${this.details.color} `)
    } 
}

let aaa  = new Nested2("Ean" , 14 , "black");
aaa.displayInfo(); 

javascript classes

class SayHelloTo {
  name (to) {
    console.log(`Hello ${to}`);
  }
  constructor (to) {
    this.name(to);
  }
}
const helloWorld = new SayHelloTo(World);

JavaScript Classes

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
}

Creating JavaScript Class

// constructor function
function Person () {
    this.name = 'John',
    this.age = 23
}

// create an object
const person1 = new Person();

js class

const Animal = {
  speak() {
    console.log(`${this.name} makes a noise.`);
  }
};

class Dog {
  constructor(name) {
    this.name = name;
  }
}

// If you do not do this you will get a TypeError when you invoke speak
Object.setPrototypeOf(Dog.prototype, Animal);

let d = new Dog('Mitzie');
d.speak(); // Mitzie makes a noise.

javascript classes

//private but is a good example
class includes {
    constructor(){}
  
    inculde_apps(file) { 
      var script  = document.createElement('script'); 
      script.src  = "ext/apps/"+file; 
      script.type = 'text/javascript'; 
      document.getElementsByTagName('body').item(0).appendChild(script);
    } 
    
    inculde_scripts(file) { 
      var script  = document.createElement('script'); 
      script.src  = "ext/scripts/"+file; 
      script.type = 'text/javascript'; 
      document.getElementsByTagName('body').item(0).appendChild(script);
    } 
    
    inculde_css(file) { 
        var script  = document.createElement('link'); 
        script.rel  = "stylesheet"; 
        script.type = 'text/css'; 
        script.href = "css/"+file;
        document.getElementsByTagName('head').item(0).appendChild(script);
    }
  }

JavaScript Classes

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
}

javascript classes

let Person = class {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
}

JavaScript Classes

class Person {
  constructor(name) {
    this.name = name;
  }
}

creating JS classes

// creating a class
class Person {
  constructor(name) {
    this.name = name;
  }
}

Create A Class Using JavaScript

	 class Person
	 {
	 	
		constructor(name)
		 {
			 this.name = name;
			 console.log("HELLO WORLD")
             /*console.log will show HELLO WORLD everytime an instance of Person is created*/
		 }
	 }

js class

class MyClass {
  // class methods
  constructor() { ... }
  method1() { ... }
  method2() { ... }
  method3() { ... }
  ...
}

classes in js

javascript class is like a template for Objects.

how to define class in javascript

const p = new Rectangle(); // ReferenceError
class Rectangle {}
// functions can be called even before they are defined, but classes must be defined before they can be constructed.