முக்கியக் கருத்து

A class defines how related objects are created and what methods they share. The constructor initializes each instance; this refers to that instance when its method is called normally.

விரிவான விளக்கங்கள்

JavaScript-ல Classes

Classes (ES6-ல introduce ஆனது) JavaScript-ன் prototype-based inheritance-க்கு syntactic sugar. Objects create பண்றதற்கும் inheritance handle பண்றதற்கும் cleaner syntax கொடுக்குது.

class Animal {
  #name;
  #sound;

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

  get name() { return this.#name; }

  speak() {
    return `${this.#name} says ${this.#sound}!`;
  }

  static create(name, sound) {
    return new Animal(name, sound);
  }
}

const dog = new Animal("Rex", "woof");
console.log(dog.speak());  // "Rex says woof!"
// console.log(dog.#name); // ❌ Private!

Inheritance

class Dog extends Animal {
  #tricks = [];

  constructor(name) {
    super(name, "woof"); // super-ஐ முதல்ல call பண்ணணும்
  }

  learn(trick) {
    this.#tricks.push(trick);
    return this;
  }

  speak() {
    return super.speak() + " (Good dog!)";
  }
}

const buddy = new Dog("Buddy");
buddy.learn("sit").learn("shake");
console.log(buddy instanceof Dog);    // true
console.log(buddy instanceof Animal); // true

முழுமையான உதாரணம்

Run this complete index.js program in the JavaScript console editor below. The earlier reference fragments may need a browser page or other surrounding setup.

class Course {
  constructor(title) { this.title = title; }
  describe() { return "Learn " + this.title; }
}
const course = new Course("JavaScript");
console.log(course.describe());

Learn JavaScript

மாற்றி இயக்கிப் பாருங்கள்

Load the example, change a value, predict the output, and run it again. Use the console output to check your reasoning.

Editor load ஆனதும் code-ஐ ஏற்றி Run அழுத்துங்கள்.

OneCompiler என்ற இலவச வெளிப்புற சேவை code-ஐ இயக்குகிறது. Run செய்யும் code அங்கு அனுப்பப்படும். தனிப்பட்ட தகவல்கள் அல்லது secret keys உள்ளிட வேண்டாம்.

சிறிய பயிற்சி

அடுத்த பாடத்திற்குத் தயாரா?

• Explain the example in your own words.
• Complete the challenge before revealing its answer.
• Describe the common mistake and how to avoid it.