Top method for keeping track of most recent function outcome

Question

Top method for keeping track of most recent function outcome

Over time, I have become accustomed to utilizing the bind method to store the previous result of a function and keep track of it for future use. This allows me to easily concatenate or join the previous string with a new string without needing external variables:

function remStr(outStr){

  return function c(lastStr,newStr){

    if(!newStr) return lastStr;

    var all = lastStr+newStr;

    return c.bind(null,all);

  }.bind(null,outStr);

}

var str = remStr('stack');
str = str('over');
str = str('flow');
str(); // stackoverflow

The issue arises when I need to call remStr multiple times, leading me to rely on bind. Is there a more efficient or alternative way to achieve the same outcome as remStr? Perhaps in certain scenarios, another approach may prove to be more effective than using remStr?

javascript bind

Answer 1

Answer №1

If I grasp your intention correctly, how about utilizing the concept of closure?

function concatenateString(baseStr) {
  return function add(newStr) {
    if (!newStr) return baseStr;
    baseStr += newStr;
    return add;
  }
}

var str = concatenateString('stack');
str = str('overflow');
str(); // stackoverflow

As pointed out by Tomalak in the comments, since JavaScript strings are immutable, it is advisable to buffer large or multiple strings in an array.

function concatenateString(baseStr) {
  var buffer = [baseStr || ''];
  return function add(newStr) {
    if (!newStr) return buffer.join('');
    buffer.push(newStr);
    return add;
  }
}

var str = concatenateString('stack');
str = str('over');
str = str('flow');
str(); // stackoverflow

Answer 2

If I grasp your intention correctly, how about utilizing the concept of closure?

function concatenateString(baseStr) {
  return function add(newStr) {
    if (!newStr) return baseStr;
    baseStr += newStr;
    return add;
  }
}

var str = concatenateString('stack');
str = str('overflow');
str(); // stackoverflow

As pointed out by Tomalak in the comments, since JavaScript strings are immutable, it is advisable to buffer large or multiple strings in an array.

function concatenateString(baseStr) {
  var buffer = [baseStr || ''];
  return function add(newStr) {
    if (!newStr) return buffer.join('');
    buffer.push(newStr);
    return add;
  }
}

var str = concatenateString('stack');
str = str('over');
str = str('flow');
str(); // stackoverflow

Answer 3

Answer №2

Avoid using Function.bind in this situation. Instead, store the arguments in a cache and then concatenate them.

This technique is well known as functions can also act as objects and have properties. Using Function.bind alters the function's context, which is not necessary here.

function merge(word){
   return function combine(newWord){
       if(!newWord) return combine.words.join("");
       (combine.words || (combine.words = [word])).push(newWord);
   }
}

You can now utilize it as shown below:

var result = merge("mash");
result("up");
result("potatoes");
console.log(result()); // "mashuppotatoes"

Answer 4

Avoid using Function.bind in this situation. Instead, store the arguments in a cache and then concatenate them.

This technique is well known as functions can also act as objects and have properties. Using Function.bind alters the function's context, which is not necessary here.

function merge(word){
   return function combine(newWord){
       if(!newWord) return combine.words.join("");
       (combine.words || (combine.words = [word])).push(newWord);
   }
}

You can now utilize it as shown below:

var result = merge("mash");
result("up");
result("potatoes");
console.log(result()); // "mashuppotatoes"

Top method for keeping track of most recent function outcome

Answer №1

Answer №2

Similar questions

Multiple button clicks causing events to fire repeatedly

Track the number of views each month using PHP and MySQL to generate dynamic jQuery charts

Searching for the desktop location using Node.js

Creating a dynamic object with JavaScript using two arrays

Is it possible to trim a video using HTML code?

A guide on using FileReader to efficiently read multiple images

What is the best way to transition a connected component from a class-based to a functional component in TypeScript?

What is the best way to display multiple values in a single column in a datatable?

Using regex, match any word along with the preserved white space and consider parentheses as a single word

Here's how you can use welding techniques to attach objects and incorporate fin-like structures in THREE

unable to display picture on puggy

Eliminating choices from a dropdown list using jQuery

Is the max and min-width being properly set by the keen-slider__slide class in keen-slider?

Using the Match() function with an array of objects

Tips for querying orchestrate.io

The AJAX status is now 0, with a ready state of 4

"Converting jQuery Form into a Wizard feature with the ability to hide specific steps

Custom HTML binding in expanding rows of Angular 2 DataTables

Ways to maneuver the vehicle by using the left or right key inputs

Ways to reduce the amount of time spent watching anime when it is not in view