{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/en/2016-07-11-generic-function-called-max/","webpackCompilationHash":"a3ac22c47fe06e2afd02","result":{"data":{"markdownRemark":{"id":"b4539269-0a27-553b-a43f-901d1ba510ca","html":"

Problem

\n

You want to create a generic function that converts a function to a function that can be called at most n times.

\n

Ingredients

\n\n

Directions

\n
    \n
  1. \n

    Given: a function that executes only once (based on recipe 14) and\nanother function (printSomething()) that should be converted.

    \n
    const once = (fn) => {\n  let called = false;\n  return function() {\n    return called ? void 0 : ((called = true), fn.apply(this, arguments));\n  }\n}\nfunction printSomething() {\n  console.log('something');\n}\nconst printSomethingMaxFive = max(printSomething, 5);\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should do nothing
    \n
    2. \n
  2. \n

    Add a parameter (max) that contain the maximum number of times the function should be called\n(and rename the function to max()).

    \n
    const max = (fn, max) => {\n  let called = true;\n  return function() {\n    return called ? void 0 : ((called = true), fn.apply(this, arguments));\n  }\n}
    \n
    3. \n
  3. \n

    Change the called variable to contain a number.

    \n
    const max = (fn, max) => {\n  let called = 0;\n  return function() {\n    return called ? void 0 : ((called = true), fn.apply(this, arguments));\n  }\n}
    \n
    4. \n
  4. \n

    Inside the closure check if called is greater than max.

    \n
    const max = (fn, max) => {\n  let called = 0;\n  return function() {\n    return called >= max ? void 0 : ((called = true), fn.apply(this, arguments));\n  }\n}
    \n
    5. \n
  5. \n

    Inside the closure (i.e., when the function is called) increase the called variable.

    \n
    const max = (fn, max) => {\n  let called = 0;\n  return function() {\n    return called >= max ? void 0 : ((called++), fn.apply(this, arguments));\n  }\n}
    \n
    6. \n
  6. \n

    Voilá, now if printSomethingMaxFive() is called more than 5 times, it simply does nothing.

    \n
    const max = (fn, max) => {\n  let called = 0;\n  return function() {\n    return called >= max ? void 0 : ((called++), fn.apply(this, arguments));\n  }\n}\nfunction printSomething() {\n  console.log('something');\n}\nconst printSomethingMaxFive = max(printSomething, 5);\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should print \"something\"\nprintSomethingMaxFive();  // Should do nothing
    \n
    7. \n
\n

Variants

\n
    \n
  1. \n

    If you don’t need the context when the function is executed, you can also (1) use arrow functions,\n(2) call the given function directly, (3) use rest parameters and (4) omit the return keyword from the closure.

    \n
    const max = (fn, max) => {\n  let called = 0;\n  return (...args) => {\n    called >= max ? void 0 : ((called++), fn(...args));\n  }\n}
    \n
    2. \n
\n

Alternative recipes

\n","fields":{"slug":"/posts/en/2016-07-11-generic-function-called-max/","tagSlugs":["/tag/java-script/"]},"frontmatter":{"date":"2016-07-11T08:00:00.000Z","description":null,"tags":["JavaScript"],"title":"Create a generic function to create functions that can be called at most n times"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/posts/en/2016-07-11-generic-function-called-max/"}}}