JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<div id="test1">testing</div>

CSS

.red {
    color: red;
}

JavaScript

function B() {}


var plain = {};
var array = [];

var elems = $("#test1");
var bee = new B();
var date = new Date();

var o = {
    p: plain,
    a: array,
    e: elems, 
    b: bee, 
    d: date
};

var extended = $.extend(true, {}, o);

// plain objects and arrays are recursively copied
console.log(extended.p === plain); // false
console.log(extended.a === array); // false

// instantiated* objects are not:
console.log(extended.e === elems); // true
console.log(extended.b === bee);   // true
console.log(extended.d === date);  // true



// * every call to jQuery() or $() is actually an implied instantiation.