Simple Javascript class system with inheritance and property/method visibility (public/private)

class-example.js

"use strict";

const module = function( f ) {
	let pub = {};
	f( pub );
	return pub;
};

const Class = {
	create: function( data ) {
		let currentObject = Object.create( this );
		currentObject = Object.assign( currentObject, data );
		return currentObject;
	},
	extend: function( data ) {
		return Object.assign( this.create( this ), data );
	}
};

const Component = Class.create( module( pub => {

	pub.data = {};

	pub.load = function( data ) {
		this.data = data;
	};

} ) );

const SingleValueComponent = Component.extend( module( pub => {

	pub.value = '';
	pub.field = '';

	pub.create = function( field ) {
		this.field = field;
		return Component.create.call( this );
	};

	pub.load = function( data ) {
		Component.load.call( this, data );
		this.value = this.data[ this.field ];
	};

} ) );

const StringEdit = SingleValueComponent.extend( module( pub => {

	pub.type = 'StringEdit';

	pub.build = function() {

		console.log( this.type + ' - ' + this.value );
	};

} ) );

const StringView = SingleValueComponent.extend( module( pub => {

	pub.type = 'StringView';

	pub.build = function() {

		console.log( this.type + ' - ' + this.value );
	};

} ) );

const BetterStringView = StringView.extend( module( pub => {

	pub.type = 'BetterStringView';

	pub.build = function() {

		StringView.build.call( this );
	};

} ) );

// Implementations

let data = {
	title: 'Over ons',
	slug: 'over-ons',
	description: 'Dit is de over ons pagina'
};

let string = StringEdit.create( 'title' );
string.load( data );

let slug = StringView.create( 'slug' );
slug.load( data );

let description = BetterStringView.create( 'description' );
description.load( data );

string.build();
slug.build();
description.build();