Getters \ setters for dummies

by

In addition to @millimoose’s answer, setters can also be used to update other values.

function Name(first, last) {
    this.first = first;
    this.last = last;
}

Name.prototype = {
    get fullName() {
        return this.first + " " + this.last;
    },

    set fullName(name) {
        var names = name.split(" ");
        this.first = names[0];
        this.last = names[1];
    }
};

Now, you can set fullName, and first and last will be updated and vice versa.

n = new Name('Claude', 'Monet')
n.first # "Claude"
n.last # "Monet"
n.fullName # "Claude Monet"
n.fullName = "Gustav Klimt"
n.first # "Gustav"
n.last # "Klimt"

More Related Contents:

  1. Monitor All JavaScript Object Properties (magic getters and setters)
  2. What are getters and setters for in ECMAScript 6 classes?
  3. Getter/setter on javascript array?
  4. JavaScript getter for all properties
  5. How to define setter/getter on prototype
  6. Lazy getter doesn’t work in classes
  7. Set undefined javascript property before read
  8. Why are functions synchronous in Javascript?
  9. When is JavaScript’s eval() not evil?
  10. jQuery SVG, why can’t I addClass?
  11. How does Facebook disable the browser’s integrated Developer Tools?
  12. How to compute the sum and average of elements in an array?
  13. Calling an asynchronous function within a for loop in JavaScript
  14. how to save canvas as png image?
  15. Unable to verify leaf signature
  16. What is the right way to use Jquery in React?
  17. ‘onload’ handler for ‘script’ tag in internet explorer
  18. Simple function to sort an array of objects
  19. How to maintain a WebSockets connection between pages?
  20. React | How to detect Page Refresh (F5)
  21. How do I get the right “this” in an Array.map?
  22. onbeforeunload support detection
  23. What is the difference between importing a function expression or a function declaration from a ES6 module?
  24. Javascript drawing library? [closed]
  25. Trigger a button click inside an iframe [duplicate]
  26. Is there a way to “require” a JS file only once in nodejs?
  27. Is there anyway to detect OS language using javascript?
  28. How to disable console.log messages based on criteria from specific javascript source (method, file) or message contents
  29. How to render a Object in React?
  30. JavaScript form submit WITH a field called submit

Leave a Comment