Composition

1-ajax.js

const vehicleToHtml = obj => {
  return `<div id="${obj.id}">${obj.name}</div>`;
};

$.ajax({
  url: '/get/all/vehicles',
  success: vehicles => {
    const html = vehicles.map(vehicleToHtml);
    // const html = vehicles.map(v => new Vehicle(v)).map(v => v.toHtml());
    document.querySelector('#list').innerHTML = html;
  }
});

// instead of:
class Vehicle {
  constructor(data) {
    this.id = data.id;
    this.name = data.name;
  }
  
  toHtml() {
    return `<div id="${this.id}">${this.name}</div>`;
  }
}

2-example.md

https://medium.com/humans-create-software/composition-over-inheritance-cb6f88070205

3-db.js

const db = {
  find(query) {},
  findById(id) {},
  create(obj) {},
  delete(id) {}
};

export default db;

4-userModel.js

const createUser = db => ({
  create(userData) { db.create(userData); },
  delete(userID) {db.delete(userID); }
});

export default createUser;

5-index.js

import db from './3-db';
import userModel from './4-userModel';

const User = userModel(db);

User.create({ name: 'Mr. Qwe Asd', age: 100, city: 'Munich' });