How to make chainable function in JavaScript?

by

Sure, the trick is to return the object once you’re done modifying it:

String.prototype.foo = function() {
    return this + "+";
}

var str = "Notepad";
console.log(str.foo().foo().toUpperCase());

http://jsfiddle.net/Xeon06/vyFek/

To make the method available on String, I’m modifying it’s prototype. Be careful not to do this on Object though, as it can cause problems when enumerating over their properties.

More Related Contents:

  1. How does Asynchronous Javascript Execution happen? and when not to use return statement?
  2. Return value from nested function in Javascript [duplicate]
  3. return !1 in javascript
  4. Is it better to return `undefined` or `null` from a javascript function? [closed]
  5. Javascript function not working, what is wrong? [closed]
  6. How would I make a Timer which times things in 0.75 seconds Javascript?
  7. How to use variable instead of function name in JavaScript
  8. Javascript return in Function
  9. What is the difference between a function call and function reference?
  10. JavaScript variable number of arguments to function
  11. Is there a better way to do optional function parameters in JavaScript? [duplicate]
  12. Why doesn’t a Javascript return statement work when the return value is on a new line?
  13. How can I create an Asynchronous function in Javascript?
  14. Function in JavaScript that can be called only once
  15. Javascript “this” pointer within nested function
  16. How does this object method definition work without the “function” keyword?
  17. Dynamic function name in javascript?
  18. Adding custom properties to a function
  19. Proper use of const for defining functions
  20. Difference between console.log and return in javascript? [closed]
  21. How do I store javascript functions in a queue for them to be executed eventually [duplicate]
  22. javascript – document.write error?
  23. What happens when JavaScript variable name and function name is the same?
  24. js function to get filename from url
  25. List of global user defined functions in JavaScript?
  26. Javascript function challenge add(1,2) and add(1)(2) both should return 3
  27. difference between parseInt() and parseFloat() [duplicate]
  28. Passing a function with arguments as an argument?
  29. javascript return of recursive function [duplicate]
  30. javascript click event handler fires without clicking

Leave a Comment