Object.assign getters and setters in constructor

by

The answer to all three of your questions is the same: Object.assign reads the value of the property from the source object, it doesn’t copy getters/setters.

You can see that if you look at the property descriptor:

var source = {
  get prop() { },
  set prop(v) { }
};
console.log("descriptor on source", Object.getOwnPropertyDescriptor(source, "prop"));
var target = Object.assign({}, source);
console.log("descriptor on target", Object.getOwnPropertyDescriptor(target, "prop"));

To define that property on this inside Class, use defineProperty:

function Class() {
  Object.defineProperty(this, "prop", {
    get() { console.log('call get') },
    set(v) { console.log('call set') },
  });
}
var c = new Class();
console.log(c.prop); // => 'call get', undefined
c.prop = 'change'; // => 'call set'
console.log(c.prop); // => 'call get', undefined

More Related Contents:

  1. How to create another object from an existing object? [closed]
  2. How to check user input for all possible values?
  3. What should I do to use this webpacked JS library? [closed]
  4. Direct vs. Delegated – jQuery .on()
  5. toggle show/hide div with button?
  6. Check if every element in one array is in a second array
  7. Jest mock inner function
  8. Taking screenshot using javascript for chrome extensions
  9. Dynamically loading css stylesheet doesn’t work on IE
  10. Referencing another schema in Mongoose
  11. How to add a “readonly” attribute to an ?
  12. How can I detect whether an iframe is loaded?
  13. Javascript dynamically invoke object method from string
  14. Uploading Multiple Files to Google Drive with Google App Script
  15. Convert relative path to absolute using JavaScript
  16. Target=’_blank’ to show in new window, NOT new tab, possible?
  17. How do I add to an existing json file in node.js
  18. Inspecting WebSocket frames in an undetectable way
  19. Is it possible to use any HTML5 fanciness to export local storage to Excel?
  20. webkit-transform overwrites z-index ordering in Chrome 13
  21. How to include scripts automatically in a yeoman/grunt project?
  22. Dynamic extension context menu that depends on selected text
  23. Adding Google Translate to a web site
  24. `string.replace` doesn’t change the variable [duplicate]
  25. Is there a way to pass variables into templates in Meteor?
  26. Javascript Equivalent to C# LINQ Select
  27. Cypress get href attribute
  28. How to open mailto links in new tab for users that have gmail as the default mail handler?
  29. Lambda function syntax in JavaScript without curly braces
  30. How to add custom JS file to new rails 7 project

Leave a Comment