Combining two classes into a single class using ‘this’ in JavaScript

Question

Combining two classes into a single class using ‘this’ in JavaScript

I'm encountering an issue where I am unable to figure out how to extend from the third class. So, I really need guidance on how to call the A class with the parameter 'TYPE', extend it with C, and then be able to call getType() with class C. Any suggestions or solutions?

const TYPE = 'TYPE'

class A {
    constructor(type) {
        this.type = type;
    }
    
    getType() {
        return this.type;
    }
}

class B {
    constructor(id) {
        this.id = id;
    }
    
    getId() {
        return this.id;
    }
}

class C extends B {
    constructor(id) {
        super(id);
        
        //Here should be a function that should bind the method from class A
    }
}

const c = new C(1);
console.log(c.getId())
console.log(c.getType())

javascript oop multiple-inheritance

Answer 1

Answer №1

const TYPE = 'TYPE'

class A {
    constructor(type) {
        this.type = type;
    }
    
    getType() {
        return this.type;
    }
    
    extend(extendedClassInstance){
      extendedClassInstance.type = this.type;
      extendedClassInstance.getType = this.getType.bind(extendedClassInstance)
    }
}

class B {
 constructor(id) {
        this.id = id;
    }
    
    getId() {
        return this.id;
    }
}

class C extends B {
    constructor(id) {
        super(id);
        (new A(TYPE)).extend(this) 
    }
}

const exampleC = new C(1);
console.log(exampleC.getId())
console.log(exampleC.getType())

Answer 2

const TYPE = 'TYPE'

class A {
    constructor(type) {
        this.type = type;
    }
    
    getType() {
        return this.type;
    }
    
    extend(extendedClassInstance){
      extendedClassInstance.type = this.type;
      extendedClassInstance.getType = this.getType.bind(extendedClassInstance)
    }
}

class B {
 constructor(id) {
        this.id = id;
    }
    
    getId() {
        return this.id;
    }
}

class C extends B {
    constructor(id) {
        super(id);
        (new A(TYPE)).extend(this) 
    }
}

const exampleC = new C(1);
console.log(exampleC.getId())
console.log(exampleC.getType())

Combining two classes into a single class using ‘this’ in JavaScript

Answer №1

Similar questions

The HTTP request arrives with no content within the body

Encountering memory leaks and displaying repetitive data due to having two distinct observables connected to the same Firestore

What is the best way to clear a MongoDB objectId field, set it to null, or ultimately remove it from a

Mastering the art of nested await functions in JavaScript

What is the best way to integrate custom JavaScript files into a Vue project?

Extracting data from the response object and injecting it into the request

Display a modal pop-up containing HTML content

Identify the specific element using a designated data attribute

Format specific words or characters in a text input

The act of transmitting data via a timer using JS WebRTC leads to crashes if the page is reloaded before

Enhance and streamline custom module code within a Node.js Express application

Tips for waiting for a function to finish executing in node.js (using a for loop)

Executing 'npm run bundle' with Webpack results in an ERR! with code ELIFECYCLE

How can I implement a toggle button to display additional details for a specific row within a table created using React.js?

Adding JSON content to a form for editing functionality within an Angular 8 CRUD application

Changing a get request to a post request: A step-by-step guide

Persist form input data using ajax without any back-end server logic involved

Retrieve data from a ng-repeat variable within a controller

jQuery plugin modifies keypress events

Tips for creating a filter in React JS using checkboxes