Once You Realize This You Will Never Struggle With Callbacks Again 

In Depth Explanation: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7UMuJMiNjSk.html

Wouldn't it be more correct to say that both variables and functions are objects instead of saying that functions are variables?

Functions don't work like objects, functions ARE objects.

It's one of the things I most like about JS. My favorite thing is being able to store different functions in array elements and hash maps, and then invoke them using array indexing or hash key lookup. It's also why some people will write "function test() {...}" and others prefer to write "const test = function() {....};"

How the hell do you have such perfect hair? We need a haircare tutorial :-)

I just got a lil bit more confused XD

This why in JS they call function is First Class CItizen, because you can pass them, return them. But also this is just beginner friendly to said function is variable, in fact they are Object. "Everything in JS is Object"

ES6 classes are just functions. Functions are just variables. Therefore, ES6 classes are just variables.

"The fact you can pass a function to another function in javascript is really confusing to a lot of people" Me whos been a python dev for 5 years and switched to js my 6th (now in my 7th year): Lies.

Everything is an object... Even your perfect hair.

You have quicky become my go to guy. Wow you are such a good teacher. Thank you so much.

Hair is looking thicker each time i watch ur video!

Your more clearer than my bootcamp lecturer

Callback functions are freaken awesome.

Helper functions to the rescue!

And objects are passed by reference in javascript. so when you call test2() or test() in both cases you are calling same function, the anonymous function which it's reference was saved in test 1, not two functions with same functionality.

yo this is really eye opener

that makes much more sense, now, I thought when you call a function it gets executed and the result/return is passed. Now that you and some other peeps here mentioned that a function is an object makes almost everything clear! Thanks!

It's not the passing of a function, but the untidy manner of writing a whole function inside the parentheses.

Yeah I pass functions a lot when making a flexible feature

You are so cool. It's easy to understand the concepts.

"functions are just variables": Functions can be (and usually are) _assigned_ to variables/defined using a name. But you can still have things like _anonymous_ functions. A better clickbaity thumbnail text might be "functions are just objects" I know you know this, but I needed to vent this upon reading the above title in the thumbnail :P

Makes so much sense now!

More like objects

To any beginners almost everything except primitive data types are objects in JS. That's why you can do stuff like this. Functions are objects ,arrays are objects,window is a object and so on

Thanks a lot Kyle

Functions are values not variables.

Your videos are fucking incredible

The way I think about it, is that everything is a memory address. A function pointer, points towards a memory address, just like a variable (int32_t, char, etc.)

Yow this man look like him just walk out of a magazine 🤣

I like to think about it like this, both variables and functions are labels a variable is just a labeled value and a function is simply code wrapped together in a label

And in C it’s just a pointer

Functions are both variable and value.

Thank you

The thing I don’t get is that can’t you just call the second function without having to do all the extra steps? I get how it can make the function more reusable, but is there another use case for it?

I hope shorts disappear like the response video did

The problem starts when you send function1 to a function2 that returns function3 which takes function4 and it’s executed in single line.

how can i use the values of function without return or calling that function

I like to avoid saying anything is a variable. It can cause confusion later. A variable points to things, it is not itself the thing

Wait.. please how are you able to view changes live in chrome browser ?

Saying it's just a variable it's inexact. In JS there are primitive data types and objects. Functions are objects, that means they have attributes and methods (they have a special method () that allow to invoke them)

most people forget that it has two important things to know about js first and foremost, which makes it Unique , There are 7 primitive data types: string, number, bigint, boolean, undefined, symbol, and null. and lists, objects, functions are all actually js objects

use monads and functional async without even know these concepts. love "plan" in js-awe library.

It's because they're just both objects. It's OOP after all. In fact this kight help people understand objects more fully rather than functions- which is an easy concept if you've done algebra

And is there another way to pass data from child to parent in React?

i have seen your videos, but i have not found any complete course about reactjs,

What are variables again.

Thats why in es6 we can declare func with variable right? Like, const test = ( ) => { }

I asked my prof not too long ago if all variables are objects in js, since I noticed the syntax variable.toFixed(), which implied to me that toFixed(), is a method of that variable because of dot syntax. But he said all variables are not objects, and this is a reputable Toronto College. Why would toFixed() be used this way, and not have the variable passed inside of the function as such toFixed(variable)??

Are functions radically different in other languages than javascript?

society if everyone realized that functions should be values

Prototype pollution has entered the chat.

It would be a better explanation to say that test2 holds a reference to the test function and it would better fit the overall structure of JavaScript. Functions aren’t exactly variables but when you assign a variable with a function you’re actually passing a reference to that function to the variable, so the === wil return true, because their references are the same.

Didn't know chad coded

Functions are humans too guys

That’s true even in math. Sure, there functions map from a set to on other, but in building modern mathematics on set-theory, they’re just constructed from more elaborate sets. Well, even that doesn’t make the concept of a ‘function’ equivalent to that of a set. And in Javascript a function-object isn’t a function but it’s a representation of a function. By JavaScript convention we just call that a function though. The important thing is that when you run code defining a function in Javascript, it’s storing some representation of it, the way the video indicates. And that representation is just in the form of a Javascript object. Javascript runs on Javascript objects just like computers run on bits and gates in the form of elaborate patterns of transistors. Similarly standard math runs on sets which runs on propositional logic which is an abstract version of bits and logical gates. The point is that computational concepts can be represented on a lot of substrates. That doesn’t actually mean the more abstract concept of a ‘function’ is Javascript objects nor sets nor a bunch of transistors. Just like the number 5 isn’t made of apples because you can have five apples. But five apples represents five nonetheless. And when you’ve thought about these things once, you’ll realize that a good representation of an abstract concept is often all you ever want or need. We can even forget the abstract concept and just compare two different representations and make sure they’re equivalent for the purposes we care about (purposes, which implicitly restrict the abstract concept). Five apples are equivalent to five lemons if we count them (comparing them as unordered sets), and Javascript ‘functions’-object representations are analogues to ‘function’-representations in other languages. To make things more complicated there are a whole bunch of slightly different concepts going by the same name ‘function’. Javascript ‘functions’-objects behave differently than some other concepts also call functions. For example in some languages functions aren’t allowed to change the state of the argument they’re passed. Some concepts of functions are very strict with types on input and output. Not so for Javascript ‘function’-objects. Some concepts of functions are required to always return the same value given the same input. Not so for javascript ‘function’-objects. In essence there are a bunch of different ‘function’-concepts which each are instantiated in different ways in different languages.

Now i am really confused 😂

i don't know if the callbacks in js is similar to the function pointers like in c... but that's how i assumed it to be since c was the first language i learnt.

I wouldn't call them variables.

Functions aren't always variables. There are functions that doesn't return anything as well.

Dude is handsome

Doesn't explain why we have to put function name as a string on onclick event on a button.

But what can you do when passing a function as variable?

function IS an object, and NOT a variable - but it can be assigned to one

I think this happends because the ref name of a function is saved in the memory stack that allows to call it, so it is technically a variable, if I am wrong, please tell me!

Mind blown

I am not really a programmer by career but have some programming experience for the sake of fun. I am uncertain whether or not it's accurate to say that a function is really just a variable. I don't think it is. A function returns a piece of data as an _expression_ wherever it is called, irrespective of the programmer assigning the return value to a variable. Both a variable and a nested function act as expressions that the function calling them by the programmer's demand have to evaluate and works with that data. It really shouldn't be confusing though; it's one of the very first shortcuts in coding that I learned. At least the aforementioned is true for AutoHotkey, which is highly similar to JavaScript.

I heard this before, Everything in JS is Object

JavaScript is a crazy girl

Can you use this.prop in a function to get the value you saved to the prop variable?

haters hate it cuz they cant understand it

Functions return a value (let's call this value 'x' for now). Calling a function inside another function is basically just passing this value 'x' into another function. This is how I understand it, Please don't kill me

Amazing! This change my mind!

It's actually a basic common sense , function is not a variable but it can store a value . This guy makes it like he invented something that's a common basic sense of a basic JavaScript programmer . I guess he is a web developer

any difference with using the function keyword and assigning an arrow function toa vatiable?

Lisp had this in the 1960s

Yes, Khan Academy teaches var name = function

I think if someone doesn't even understand higher order function maybe they shouldn't be developers

Is a function also an object?🤔

The confusing part for me is that in JS everything is an object but it's not an Object Oriented language 😵

Well yeah, but actually not exactly or something like that. Functions accepting other functions as arguments or outputting functions is like the cornerstone of lambda calculus and by extension -- functional programming, and it is in fact the second part of Church-Turing hypothesis, and while the Turing's part is rather widely known, Church's -- not so much, which is a little sad tbh, because boy is it wild and interesting. You probably know this, but maybe me saying this will open a whole new exciting world for a person or two :)

everything is an object in js

Functions are callable Objects that s it.

Functions are variables... Unless they're anonymous! Right?

If anything this enforces my bias against JS.

Functions are not variables or values. Functions are objects. Think like passing and interface as an argument în java.

guys this true only of languages like JavaScript and Python because the variables are actually all objects and not primitives, this makes JavaScript kinda bad to learn as a beginner because it's to flexible and there is not structure for you to learn the basics about data types vs data structures vs objects.

CS61A

stop yelling at me

That's why js is so weird for python programmers , cpp , java or c#

Recursion, anyone?

I used to like your vids but these RU-vid shorts can really confuse. Why not explain you can pass a function to another function as a callback. function doStuff(myArray, callBackWhenDone){ mayArray,sort(); callBackWhenDone(); } This is a contrived solution but when using fetch (AJAX calls) it becomes useful.

I am a very inexperienced developer. But it feels like this guy thinks he knows a lot more than he actually does.

Got more confused after watching ur video

Super Simple

Functions are objects. JS is a mess.

And php guys be like passing strings as function. Ugh!

This explanation is light a bulb lighting up in my head! 💡Thank you!

Because javascript functions are just object

Javascript is a confusing language