JSFiddle - React, Tailwind, and code Playground

by alexrothenberg

JavaScript

// Object Literal
var Database = {
  _data: {},

  create: function(object) {
    return this._data[object.id] = object
  },
  read: function(id) {
    return this._data[id]
  },
  update: function(object) {
    return this._data[object.id] = object
  },
  delete: function(id) {
    return this._data[id] = null
  }
}
        
// We can CREATE
Database.create({id: 7, name: 'Alex'});
Database.create({id: 9, name: 'Pat'});

// We can READ
document.write('<br>7: ' + Database.read(7).name);
  // 7: Alex
document.write('<br>9: ' + Database.read(9).name);
  // 9: Pat

// We can UPDATE
Database.update({id: 7, name: 'Alexander'})
document.write('<br>7: ' + Database.read(7).name);
  // 7: Alexander

// We can DELETE
Database.delete(7)
document.write('<br>7: ' + Database.read(7));
  // 7: null        
      
document.write('<br><br>Ooops there is no encapsulation!!')
Database._data[7] = {name: 'I changed your name'}
document.write('<br>7: ' + Database.read(7).name);