Javascript convert prototype based library to object oriented class

Question

I have some old javascript library, which is written in prototype structure. I want to convert it into latest Class base structure.

I have search on google but cant find any available tool for it. Or is there any other technique to convert prototype to Class.

Prototype sructure Example:

function Animal (name, energy) {
  let animal = Object.create(Animal.prototype)
  animal.name = name
  animal.energy = energy

  return animal
}

Animal.prototype.eat = function (amount) {
  console.log(`${this.name} is eating.`)
  this.energy += amount
}

Animal.prototype.sleep = function (length) {
  console.log(`${this.name} is sleeping.`)
  this.energy += length
}

I want to convert it into

class Animal {
  constructor(name, energy) {
    this.name = name
    this.energy = energy
  }
  eat(amount) {
    console.log(`${this.name} is eating.`)
    this.energy += amount
  }
  sleep(length) {
    console.log(`${this.name} is sleeping.`)
    this.energy += length
  }

}

I would like to keep comments as it is in the file. and there are some variables also which needs to be converted.

Client requirement and for easy of understanding as current library is too big and complex. — Jigar Parekh
– Jigar Parekh, Commented May 3, 2020 at 7:43
you would need to rewrite them manually. Even if there are tools available it's not recommended to use as there will be problems for complex implementation and logic. — SpiritOfDragon
– SpiritOfDragon, Commented May 3, 2020 at 7:53

rofrol · Accepted Answer · 2023-02-13 11:16:43Z

2

Try Lebab the revers of Babel great framework Transforms JavaScript

The transform of your code looks like this:

function Animal (name, energy) {
  let animal = Object.create(Animal.prototype)
  animal.name = name
  animal.energy = energy

  return animal
}

Animal.prototype.eat = function (amount) {
  console.log(`${this.name} is eating.`)
  this.energy += amount
}

Animal.prototype.sleep = function (length) {
  console.log(`${this.name} is sleeping.`)
  this.energy += length
}

Note: some Transforms are unsafe

edited Feb 13, 2023 at 11:16

rofrol

15.4k8 gold badges88 silver badges87 bronze badges

answered Dec 11, 2021 at 21:01

Aissaoui Ahmed

2572 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andrew Halil Over a year ago

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - From Review

AaA Over a year ago

This is what OP is posted, what is this answer trying to do? he want to convert what you have repeated here to a class

Collectives™ on Stack Overflow

Javascript convert prototype based library to object oriented class

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related