{"id":39240,"date":"2023-05-10T09:51:05","date_gmt":"2023-05-10T04:21:05","guid":{"rendered":"https:\/\/tutorial.eyehunts.com\/?p=39240"},"modified":"2023-05-10T09:51:06","modified_gmt":"2023-05-10T04:21:06","slug":"javascript-function-return-function","status":"publish","type":"post","link":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/","title":{"rendered":"JavaScript function return function"},"content":{"rendered":"\n

JavaScript functions can return another function as its value, which is known as a “higher-order function”. This feature allows for more flexible and powerful code and is commonly used in functional programming to create closures and implement currying.<\/p>\n\n\n\n

The syntax for returning a function from another function in JavaScript is as follows:<\/p>\n\n\n\n

function outerFunction() {\r\n  \/\/ code here\r\n  return function innerFunction() {\r\n    \/\/ code here\r\n  };\r\n}\r<\/code><\/pre>\n\n\n\n
In this syntax, outerFunction<\/code> is the enclosing function that returns the innerFunction<\/code>. The innerFunction<\/code> is defined within the outerFunction<\/code> and can access its local variables<\/a> and parameters. When outerFunction<\/code> is called, it returns the innerFunction<\/code> as its result.<\/p>\n\n\n\n
<\/div>\n\n\n\n
JavaScript function return function example<\/strong><\/h2>\n\n\n\n
Simple example code.<\/p>\n\n\n\n
function add(x) {\r\n  return function(y) {\r\n    return x + y;\r\n  }\r\n}\r\n\r\nconst addTwo = add(2);\r\nconsole.log(addTwo(3));\r<\/code><\/pre>\n\n\n\n
Output<\/strong>: 5<\/p>\n\n\n\n
<\/div>\n\n\n\n
Another example<\/strong><\/p>\n\n\n\n
function greetingMaker(name) {\r\n  function greet() {\r\n    console.log(`Hello, ${name}!`);\r\n  }\r\n  return greet;\r\n}\r\n\r\nconst greetJohn = greetingMaker('John');\r\ngreetJohn(); \/\/ logs \"Hello, John!\"\r\n\r\nconst greetSarah = greetingMaker('Sarah');\r\ngreetSarah(); \/\/ logs \"Hello, Sarah!\"\r<\/code><\/pre>\n\n\n\n
Output:<\/strong><\/p>\n\n\n
\n
\"JavaScript<\/figure><\/div>\n\n\n
Or you can do it with the function:<\/p>\n\n\n\n
function createCounter() {\r\n  let count = 0;\r\n  return function() {\r\n    count++;\r\n    console.log(count);\r\n  }\r\n}\r\n\r\nconst counter1 = createCounter();\r\nconst counter2 = createCounter();\r\n\r\ncounter1(); \/\/ logs 1\r\ncounter1(); \/\/ logs 2\r\ncounter1(); \/\/ logs 3\r\n\r\ncounter2(); \/\/ logs 1\r\ncounter2(); \/\/ logs 2\r<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
Comment if you have any doubts or suggestions on this JS function return<\/a> topic.<\/p>\n\n\n\n
Note:<\/strong> The All JS Examples codes <\/strong>are tested on the Firefox browser and the Chrome browser.<\/p>
OS: Windows 10<\/strong><\/p>
Code: HTML 5 Version<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"
JavaScript functions can return another function as its value, which is known as a “higher-order function”. This feature allows for more flexible and powerful code and is commonly used in functional programming to create closures and implement currying. The syntax for returning a function from another function in JavaScript is as follows: In this syntax,… Read More »JavaScript function return function<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[69],"tags":[],"post_series":[],"class_list":["post-39240","post","type-post","status-publish","format-standard","hentry","category-js"],"yoast_head":"\nJavaScript function return function<\/title>\n<meta name=\"description\" content=\"JavaScript functions can return another function as its value, which is known as a "higher-order function". This feature allows for more...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript function return function\" \/>\n<meta property=\"og:description\" content=\"JavaScript functions can return another function as its value, which is known as a "higher-order function". This feature allows for more...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-10T04:21:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-10T04:21:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg\" \/>\n<meta name=\"author\" content=\"Rohit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rohit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/\",\"url\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/\",\"name\":\"JavaScript function return function\",\"isPartOf\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg\",\"datePublished\":\"2023-05-10T04:21:05+00:00\",\"dateModified\":\"2023-05-10T04:21:06+00:00\",\"author\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1\"},\"description\":\"JavaScript functions can return another function as its value, which is known as a \\\"higher-order function\\\". This feature allows for more...\",\"breadcrumb\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg?fit=318%2C188&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg?fit=318%2C188&ssl=1\",\"width\":318,\"height\":188},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tutorial.eyehunts.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript function return function\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/#website\",\"url\":\"https:\/\/tutorial.eyehunts.com\/\",\"name\":\"Tutorial\",\"description\":\"By EyeHunts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tutorial.eyehunts.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1\",\"name\":\"Rohit\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971\",\"contentUrl\":\"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971\",\"caption\":\"Rohit\"},\"description\":\"Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.\",\"url\":\"https:\/\/tutorial.eyehunts.com\/author\/rohit\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript function return function","description":"JavaScript functions can return another function as its value, which is known as a \"higher-order function\". This feature allows for more...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript function return function","og_description":"JavaScript functions can return another function as its value, which is known as a \"higher-order function\". This feature allows for more...","og_url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/","og_site_name":"Tutorial","article_published_time":"2023-05-10T04:21:05+00:00","article_modified_time":"2023-05-10T04:21:06+00:00","og_image":[{"url":"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg","type":"","width":"","height":""}],"author":"Rohit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rohit","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/","url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/","name":"JavaScript function return function","isPartOf":{"@id":"https:\/\/tutorial.eyehunts.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#primaryimage"},"image":{"@id":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#primaryimage"},"thumbnailUrl":"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg","datePublished":"2023-05-10T04:21:05+00:00","dateModified":"2023-05-10T04:21:06+00:00","author":{"@id":"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1"},"description":"JavaScript functions can return another function as its value, which is known as a \"higher-order function\". This feature allows for more...","breadcrumb":{"@id":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#primaryimage","url":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg?fit=318%2C188&ssl=1","contentUrl":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function.jpg?fit=318%2C188&ssl=1","width":318,"height":188},{"@type":"BreadcrumbList","@id":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tutorial.eyehunts.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript function return function"}]},{"@type":"WebSite","@id":"https:\/\/tutorial.eyehunts.com\/#website","url":"https:\/\/tutorial.eyehunts.com\/","name":"Tutorial","description":"By EyeHunts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tutorial.eyehunts.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1","name":"Rohit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/image\/","url":"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971","contentUrl":"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971","caption":"Rohit"},"description":"Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.","url":"https:\/\/tutorial.eyehunts.com\/author\/rohit\/"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":29850,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-scope\/","url_meta":{"origin":39240,"position":0},"title":"JavaScript Scope","author":"Rohit","date":"June 21, 2023","format":false,"excerpt":"JavaScript has several types of scope that determine the accessibility and visibility of variables and functions within your code. In JavaScript, there are two main types of scope: global scope and local scope. 1. Global Scope: Variables and functions declared outside of any function or block have global scope. They\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/06\/JavaScript-Scope.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":29435,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-nested-function-code\/","url_meta":{"origin":39240,"position":1},"title":"JavaScript nested function | Code","author":"Rohit","date":"May 13, 2022","format":false,"excerpt":"You can create JavaScript nested functions by writing one function inside another function. Make a call to the inner function in the return statement of the outer function. function A(){ B(); \/\/call should be B(); function B(){ \/\/code } } Here's an example of how to create and use nested\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript nested function","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/05\/JavaScript-nested-function.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":39237,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-function-return-function-with-parameters\/","url_meta":{"origin":39240,"position":2},"title":"JavaScript function return function with parameters","author":"Rohit","date":"May 10, 2023","format":false,"excerpt":"In JavaScript, you can create a function that returns another function with parameters. This allows you to create functions that are customized for a specific use case and can be reused with different inputs. To create a JavaScript function that returns another function with parameters, you can use the following\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript function return function with parameters","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/05\/JavaScript-function-return-function-with-parameters.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":29861,"url":"https:\/\/tutorial.eyehunts.com\/js\/lexical-scope-in-javascript-basics\/","url_meta":{"origin":39240,"position":3},"title":"Lexical scope in JavaScript | Basics","author":"Rohit","date":"May 30, 2022","format":false,"excerpt":"JavaScript Lexical scope is the ability of a function scope to access variables from the parent scope. That means variables defined outside a function can be accessible inside another function defined after the variable declaration. Lexical Scoping defines how variable names are resolved in nested functions: inner functions contain the\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"Lexical scope in JavaScript","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/05\/Lexical-scope-in-JavaScript.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":29881,"url":"https:\/\/tutorial.eyehunts.com\/js\/scope-chain-in-javascript-code\/","url_meta":{"origin":39240,"position":4},"title":"Scope chain in JavaScript | Code","author":"Rohit","date":"May 26, 2022","format":false,"excerpt":"The JavaScript scope chain is simply the locations where identifiers are declared that are searched to resolve the value of an identifier. JavaScript resolves identifiers within a particular context by traversing up the scope chain, moving from locally to globally. Scope chain in JavaScript Simple example code of self-executed function\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"Scope chain in JavaScript","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/05\/Scope-chain-in-JavaScript.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":29964,"url":"https:\/\/tutorial.eyehunts.com\/js\/lexical-environment-in-javascript\/","url_meta":{"origin":39240,"position":5},"title":"Lexical environment in JavaScript","author":"Rohit","date":"June 8, 2022","format":false,"excerpt":"JavaScript lexical environment is a data structure that holds an identifier-variable mapping. Where identifier refers to the name of variables\/functions, and variable is the reference to the actual object. It also holds a reference to a parent lexical environment. Lexical Environment: Local Memory + Lexical Environment of its Parent Lexical\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"Lexical environment in JavaScript","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/06\/Lexical-environment-in-JavaScript.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts\/39240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/comments?post=39240"}],"version-history":[{"count":1,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts\/39240\/revisions"}],"predecessor-version":[{"id":39246,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts\/39240\/revisions\/39246"}],"wp:attachment":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/media?parent=39240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/categories?post=39240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/tags?post=39240"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/post_series?post=39240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}