How do I clone a JavaScript class instance?

by

How do I clone a JavaScript class instance?

It’s hardly possible if the instance was created with heavy use of closures in the constructor function. We may never now which internal values were set, and how to reproduce such a setup. Therefore, the easiest way would be if every class offered a clone function
which knows what to do.

normal jQuery extend just returns a vanilla object

Not necessarily, it returns what you passed in. Use

var clone = $.extend(true, Object.create(Object.getPrototypeOf(child)), child);

instead and your instanceof usage will work fine. Note that the true signifies a “deep” copy which may or may not be what you want. Also, $.extend will happily copy enumerable inherited properties as well, so you might need to use a more sophisticated extend function.

Or without jQuery at all, and only copying own, enumerable properties and only using a shallow copy:

var clone = Object.assign(Object.create(Object.getPrototypeOf(child)), child);

But again, not all objects will be clonable in this way, see my first point above.

More Related Contents:

  1. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  2. How to make page loaders/animations/transitions
  3. How to change the image while sharing the content to the social networks? [duplicate]
  4. How to distinguish between left and right mouse click with jQuery
  5. How do I prevent a parent’s onclick event from firing when a child anchor is clicked?
  6. How to build PDF file from binary string returned from a web-service using javascript
  7. jQuery get specific option tag text
  8. How to remove “disabled” attribute using jQuery?
  9. How do I add an “Add to Favorites” button or link on my website?
  10. Semicolon before self-invoking function? [duplicate]
  11. JavaScript equivalent of jQuery’s extend method
  12. Show a progress bar for downloading files using XHR2/AJAX
  13. How to move table row in jQuery?
  14. How to get a count of all checked checkboxes on a page
  15. Get translate3d values of a div?
  16. stop settimeout in recursive function
  17. Jquery: how to sleep or delay?
  18. How to get the html of a div on another page with jQuery ajax?
  19. Detect if an alert or confirm is displayed on a page
  20. How to get border width in jQuery/javascript
  21. Javascript / Jquery – Get number from string
  22. Calculate Position of selected text javascript/JQuery?
  23. jQuery 3 slim ajax basic example
  24. Adding onClick event dynamically using jQuery
  25. Click link inside Leaflet Popup and do Javascript
  26. Call angularjs function using jquery/javascript
  27. Does the attr() in jQuery force lowercase?
  28. Dynamically change Tweet Button “data-text” contents
  29. Why this regex is not working for german words?
  30. Is it possible to wait until all javascript files are loaded before executing javascript code?

Leave a Comment