Is it possible to redefine a JavaScript class’s method?

by

is it possible to redefine the class’s method later?

Yes. However, you must not assign the new function to a property of the Person constructor, but to the instance itself:

var p2 = new Person("Sue");
p2.sayHello();   // Hello, Sue
p2.sayHello = function() {
   alert('Hola, ' + this.name);
};
p2.sayHello();   // Hola, Sue

If you want to do this for all new instances automatically (and have not used the prototype for the method, which you easily could exchange as in @dystroy’s answer), you will need to decorate the constructor:

Person = (function (original) {
    function Person() {
        original.apply(this, arguments);   // apply constructor
        this.sayHello = function() {       // overwrite method
            alert('Hola, ' + this.name);
        };
    }
    Person.prototype = original.prototype; // reset prototype
    Person.prototype.constructor = Person; // fix constructor property
    return Person;
})(Person);

More Related Contents:

  1. Private properties in JavaScript ES6 classes
  2. Use of .apply() with ‘new’ operator. Is this possible?
  3. ES6 class variable alternatives
  4. javascript document.getElementsByClassName compatibility with IE
  5. Call static methods from regular ES6 class methods
  6. What techniques can be used to define a class in JavaScript, and what are their trade-offs?
  7. How to extend a class without having to use super in ES6?
  8. JavaScript – Owner of “this”
  9. Declaring static constants in ES6 classes?
  10. Angularjs – ng-cloak/ng-show elements blink
  11. Create an instance of a class in ES6 with a dynamic name? [duplicate]
  12. No ways to have class-based objects in javascript?
  13. “This” within es6 class method [duplicate]
  14. What is the difference between class method vs. class field function vs. class field arrow function?
  15. jQuery: Finding partial class name [duplicate]
  16. Use :hover to modify the css of another class?
  17. Override a setter, and the getter must also be overridden
  18. Object vs Class vs Function
  19. Get all instances of class in Javascript
  20. React functional components vs classical components
  21. Does JavaScript have classes?
  22. Re-associating an object with its class after deserialization in Node.js
  23. Class methods as event handlers in JavaScript?
  24. What are getters and setters for in ECMAScript 6 classes?
  25. Add a line of code to ALL functions
  26. JavaScript getting an elements class without any libraries
  27. Javascript removeEventListener not working inside a class [duplicate]
  28. Class keyword in Javascript
  29. How to add mixins to ES6 javascript classes?
  30. jQuery match part of class with hasClass

Leave a Comment