# Console Logging an Arrow Function

**URL:** <https://forum.kirupa.com/t/console-logging-an-arrow-function/643633>\
**Category:** web dev\
**Created:** [July 23, 2020, 12:27am UTC](https://forum.kirupa.com/t/console-logging-an-arrow-function/643633 "2020-07-23T00:27:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Umair\_Ashraf](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/umair_ashraf/32/11705_2.png) [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Post date:** [July 23, 2020, 12:27am UTC](https://forum.kirupa.com/t/console-logging-an-arrow-function/643633/1 "2020-07-23T00:27:10Z")

</div>

I am a bit confused with the console output , my understading is that if we write the function name in the console it will display only if there is a return exisit and in this casue it will either display or parsed value that is equal to z1 but rather it shows the whole arrow function.  
am i missing something here, if someone can please clarify please.

```
let finalbuyitems = () => {
  let z1 = JSON.parse(window.localStorage.getItem("user-final") || "[]");
  console.log(z1);
  return z1;
};
console.log(finalbuyitems); // console output below

function App() {
                 const [finalBuy, setfinalBuy] = useState(finalbuyitems());

```

console output below

![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/4/4c99f518d981558f09cce1a05b482e75485bd2e0.png)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [July 23, 2020, 2:01am UTC](https://forum.kirupa.com/t/console-logging-an-arrow-function/643633/2 "2020-07-23T02:01:34Z")

</div>

What `finalbuyitems` is returning is a function itself, not the result of evaluating a function. This output looks correct to me.

🤖

---

<div class="post-metadata">

**Author:** ![Umair\_Ashraf](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/umair_ashraf/32/11705_2.png) [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\
**Post date:** [July 23, 2020, 12:18pm UTC](https://forum.kirupa.com/t/console-logging-an-arrow-function/643633/3 "2020-07-23T12:18:53Z")

</div>

Thanks Kirupa, got it.  
the point i was confusing was between console.log(finalbuyitems); and console.log(finalbuyitems());  
if i am correct as the below statement.

In case of console.log(finalbuyitems); we are referring to the function so it will printout all the function  
In case of console.log(finalbuyitems()); we are referring to the function-call so it will printout the return for the function call i.e z1

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [July 23, 2020, 3:32pm UTC](https://forum.kirupa.com/t/console-logging-an-arrow-function/643633/4 "2020-07-23T15:32:17Z")

</div>

Yes, that is correct! 🙂