JSFiddle - React, Tailwind, and code Playground

by Chuan Shao

JavaScript

var p = {x:42};
var a = Object.create(p);
var b = Object.create(p);
console.log(a === b);//false
console.log(Object.getPrototypeOf(a) === Object.getPrototypeOf(b));//true

var p = {
	INCREMENT_BY : 1,
	increment : function(x){
		return x + this.INCREMENT_BY;
	}
}
var a = Object.create(p);
var b = Object.create(p);
console.log(a.increment(7));//8
console.log(b.increment(9));//10

var p = {
	INCREMENT_BY : 1,
	increment : function(x){
		return x + this.INCREMENT_BY + this.custom_increment_by;
	}
}
var a = Object.create(p);
var b = Object.create(p);
a.custom_increment_by = 0;
b.custom_increment_by = 1;
console.log(a.increment(7));//8
console.log(b.increment(9));//11

var p = {
	INCREMENT_BY : 1,
	increment : function(x){
		return x + this.INCREMENT_BY + this.custom_increment_by;
	}
}
function getIncrementalClassObject(customIncrementByValue){
	var incrementalObj = Object.create(p);
	incrementalObj.custom_increment_by = customIncrementByValue;
	return incrementalObj;
}
var a = getIncrementalClassObject(0);
var b = getIncrementalClassObject(1);
console.log(a.increment(7));//8
console.log(b.increment(9));//11

function Incremental(customIncrementByValue){
 	this.custom_increment_by = customIncrementByValue;
}
Incremental.prototype = {
 	INCREMENT_BY : 1,
	increment : function(x){
		return x + this.INCREMENT_BY + this.custom_increment_by;
	}
}

var a = new Incremental(0);
var b = new Incremental(1);
console.log(a.increment(7));//8
console.log(b.increment(9));//11

console.log(a instanceof Incremental);//true
console.log(b instanceof Incremental);//true

function Incremental2(customIncrementByValue){
 	this.custom_increment_by = customIncrementByValue + 3;
}
Incremental2.prototype = Incremental.prototype;
console.log(a instanceof Incremental2);//true