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

A collapsible select list with checkboxes for children items

Angular Bootstrap uibModal is failing to resolve attributes

Is it possible to store Socket.IO responses in a cache for quicker retrieval?

Form fields will not automatically populate with link parameters; the user must manually input the information

Validate the checkbox with Vuelidate only when the specified property is set to true

What could be causing one of my images to not appear on my Gatsby page?

What is the method for obtaining a dynamic route path within the pages directory in Next.js?

How can I use AngularJS to initiate code to run after the view and controller have successfully synchronized a specific change?

What is the alternative method in JavaScript for locating items instead of using indexOf?

Accordionify your jQuery with integrated YouTube and Soundcloud embedding

Exploring the concept of recursive method calls in TypeScript

"An error message stating 'Express: The body is not defined when

IE11/Edge exhibits slow performance with components that have large datasets exclusively

Removing a row from a table seamlessly without the need to reload the page

Mongoose virtual population allows you to fetch related fields

Trouble with passing the function variable to setState efficiently

Is there a way to mock a keycloak API call for testing purposes during local development?

Scrollbar in an HTML selection tag

Utilize jQuery to append YQL output in JSON format to specific IDs in your code

Exploring Nextjs with server-side rendering and fetching data from