exec: what-is-currying-and-how-does-it-work

Author: tahachm

questions/what-is-currying-and-how-does-it-work/en-US.mdx

@@ -6,7 +6,7 @@ title: What is currying and how does it work?
 
 Currying is a technique in functional programming where a function that takes multiple arguments is transformed into a series of functions that each take a single argument. This allows for partial application of functions. For example, a function `f(a, b, c)` can be curried into `f(a)(b)(c)`. Here's a simple example in JavaScript:
 
-```js
+```js live
 function add(a) {
   return function (b) {
     return function (c) {
@@ -16,8 +16,13 @@ function add(a) {
 }
 
 const addOne = add(1);
+console.log(addOne); // function object
+
 const addOneAndTwo = addOne(2);
-const result = addOneAndTwo(3); // result is 6
+console.log(addOneAndTwo); // function object
+
+const result = addOneAndTwo(3);
+console.log(result); // Output: 6
 ```
 
 ---
@@ -37,7 +42,7 @@ Currying is a functional programming technique where a function with multiple ar
 
 Here's a simple example to illustrate currying in JavaScript:
 
-```js
+```js live
 // Non-curried function
 function add(a, b, c) {
   return a + b + c;
@@ -54,8 +59,13 @@ function curriedAdd(a) {
 
 // Using the curried function
 const addOne = curriedAdd(1);
+console.log(addOne); // function object
+
 const addOneAndTwo = addOne(2);
-const result = addOneAndTwo(3); // result is 6
+console.log(addOneAndTwo); // function object
+
+const result = addOneAndTwo(3);
+console.log(result); // Output: 6
 ```
 
 ### Benefits of currying
@@ -68,7 +78,7 @@ const result = addOneAndTwo(3); // result is 6
 
 Consider a function that calculates the volume of a rectangular prism:
 
-```js
+```js live
 function volume(length, width, height) {
   return length * width * height;
 }
@@ -85,19 +95,21 @@ function curriedVolume(length) {
 // Using the curried function
 const volumeWithLength5 = curriedVolume(5);
 const volumeWithLength5AndWidth4 = volumeWithLength5(4);
-const result = volumeWithLength5AndWidth4(3); // result is 60
+const result = volumeWithLength5AndWidth4(3);
+console.log(result); // Output: 60
 ```
 
 ### Currying with arrow functions
 
 You can also use arrow functions to make the syntax more concise:
 
-```js
+```js live
 const curriedAdd = (a) => (b) => (c) => a + b + c;
 
 const addOne = curriedAdd(1);
 const addOneAndTwo = addOne(2);
-const result = addOneAndTwo(3); // result is 6
+const result = addOneAndTwo(3);
+console.log(result); // Output: 6
 ```
 
 ## Further reading