Anonymous Functions

7 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$39.99
List Price:  $79.99
You save:  $40
€38.34
List Price:  €76.69
You save:  €38.35
£31.81
List Price:  £63.63
You save:  £31.81
CA$57.41
List Price:  CA$114.84
You save:  CA$57.43
A$63.97
List Price:  A$127.96
You save:  A$63.98
S$54.21
List Price:  S$108.43
You save:  S$54.22
HK$310.92
List Price:  HK$621.91
You save:  HK$310.99
CHF 35.74
List Price:  CHF 71.50
You save:  CHF 35.75
NOK kr452.69
List Price:  NOK kr905.49
You save:  NOK kr452.80
DKK kr285.99
List Price:  DKK kr572.05
You save:  DKK kr286.06
NZ$70.70
List Price:  NZ$141.42
You save:  NZ$70.72
د.إ146.88
List Price:  د.إ293.80
You save:  د.إ146.92
৳4,759.62
List Price:  ৳9,520.44
You save:  ৳4,760.81
₹3,397.10
List Price:  ₹6,795.05
You save:  ₹3,397.95
RM180.27
List Price:  RM360.59
You save:  RM180.32
₦61,792.91
List Price:  ₦123,601.28
You save:  ₦61,808.36
₨11,086.54
List Price:  ₨22,175.86
You save:  ₨11,089.31
฿1,367.71
List Price:  ฿2,735.76
You save:  ฿1,368.05
₺1,402.52
List Price:  ₺2,805.39
You save:  ₺1,402.87
B$243.37
List Price:  B$486.81
You save:  B$243.44
R732.54
List Price:  R1,465.27
You save:  R732.72
Лв74.93
List Price:  Лв149.89
You save:  Лв74.95
₩57,842.33
List Price:  ₩115,699.13
You save:  ₩57,856.80
₪145.51
List Price:  ₪291.06
You save:  ₪145.55
₱2,352.81
List Price:  ₱4,706.21
You save:  ₱2,353.40
¥6,256.23
List Price:  ¥12,514.03
You save:  ¥6,257.80
MX$803.05
List Price:  MX$1,606.30
You save:  MX$803.25
QR145.19
List Price:  QR290.43
You save:  QR145.23
P550.51
List Price:  P1,101.16
You save:  P550.64
KSh5,142.14
List Price:  KSh10,285.57
You save:  KSh5,143.43
E£2,034.81
List Price:  E£4,070.14
You save:  E£2,035.32
ብር4,965.06
List Price:  ብር9,931.37
You save:  ብር4,966.30
Kz36,710.82
List Price:  Kz73,430.82
You save:  Kz36,720
CLP$39,506.29
List Price:  CLP$79,022.46
You save:  CLP$39,516.17
CN¥291.78
List Price:  CN¥583.63
You save:  CN¥291.85
RD$2,425.42
List Price:  RD$4,851.45
You save:  RD$2,426.03
DA5,393.73
List Price:  DA10,788.81
You save:  DA5,395.08
FJ$92.63
List Price:  FJ$185.29
You save:  FJ$92.66
Q306.89
List Price:  Q613.86
You save:  Q306.97
GY$8,332.99
List Price:  GY$16,668.06
You save:  GY$8,335.07
ISK kr5,538.46
List Price:  ISK kr11,078.31
You save:  ISK kr5,539.84
DH400.86
List Price:  DH801.83
You save:  DH400.96
L734.57
List Price:  L1,469.33
You save:  L734.75
ден2,358.54
List Price:  ден4,717.67
You save:  ден2,359.13
MOP$318.86
List Price:  MOP$637.80
You save:  MOP$318.94
N$733.28
List Price:  N$1,466.76
You save:  N$733.47
C$1,465.68
List Price:  C$2,931.72
You save:  C$1,466.04
रु5,417.88
List Price:  रु10,837.11
You save:  रु5,419.23
S/148.31
List Price:  S/296.66
You save:  S/148.35
K161.51
List Price:  K323.07
You save:  K161.55
SAR150.21
List Price:  SAR300.46
You save:  SAR150.25
ZK1,102.28
List Price:  ZK2,204.85
You save:  ZK1,102.56
L190.81
List Price:  L381.67
You save:  L190.86
Kč963.45
List Price:  Kč1,927.14
You save:  Kč963.69
Ft15,873.63
List Price:  Ft31,751.23
You save:  Ft15,877.60
SEK kr441.19
List Price:  SEK kr882.49
You save:  SEK kr441.30
ARS$40,705.74
List Price:  ARS$81,421.67
You save:  ARS$40,715.92
Bs275.23
List Price:  Bs550.54
You save:  Bs275.30
COP$174,344.67
List Price:  COP$348,732.94
You save:  COP$174,388.27
₡20,095.61
List Price:  ₡40,196.26
You save:  ₡20,100.64
L1,011.06
List Price:  L2,022.38
You save:  L1,011.31
₲310,574.38
List Price:  ₲621,226.44
You save:  ₲310,652.05
$U1,776.52
List Price:  $U3,553.49
You save:  $U1,776.96
zł163.49
List Price:  zł327.04
You save:  zł163.54
Already have an account? Log In

Transcript

Now we are going to take an in depth look at functions and learn more things about them. So first of all, we know how to create functions. For example, if we want to create a simple function called multiply by two, I would just type function and then the name of the function, multi ply by two. And then I add parentheses, and then curly braces. And if there is any parameters, I should just add them here. So here I'm going to pass a variable called a parameter called number.

And what this function is going to do, it's going to multiply that number that we pass by two and return the result to us. So here I'm going to type return and I'm gonna add, I'm gonna just type number and multiply it by two Right. So this is a simple function that is going to just take a number and multiply it by two and return the result to us. However, there is another way of creating functions in JavaScript. And that way is called creating functions by some functions called anonymous functions. And as the name suggests, these anonymous functions have no name.

They are just functions with acne, but they are going to be stored into other other variables. So you are going to get that anonymous function and then store the result into a new variable. And I'm going to show you how to create anonymous functions. Just type function. And now you don't have to type a name of that function. This function has new name, just add parentheses And then curly braces, and inside those parentheses, you add your parameters.

So here I'm going to add number, number. And inside this function I wanted to do exactly as the multiply by two did, I wanted to multiply that number that we passed by to and return the result to us. So here, I'm going to copy it and paste it here. And what I'm going to do, what I need to do is that at the end, I should add a semicolon. And if now I save and run I'm going to get an error, because anonymous functions must be saved must be stored into variables. So I'm going to store all this expression all this function into a new variable called var here, new variable, I'm gonna create a new variable called var, and then multi ply valuable, valuable equals, equals if this or multiply by two variable by two variable.

So now we have this function, the anonymous function, which is going to do the same exact job as the simple function. And let's now test and see, I'm going to create the console dot log, and I'm going to call the simple function, the multiply by two. here inside the console log, multiply by two, and I'm going to pass three, and the result should be six because three multiplied by two, the result is six. Now if I save and run, what I'm going to get is six right? Now if I want to call if I want to use the anonymous function, what I would do is that I would use that variable and pass that that parameter the Number parameter to that variable and JavaScript is going to know that you are trying to pass that variable to this function to this anonymous function that you have stored it into the multiply by two variable.

So here, what I'm going to do is that I'm going to use the multiply by two variable, and I'm going to pass three as well. And if I save and run, what what I'm going to get is six, which is exactly the same as the first function. So in JavaScript, there are two ways of creating functions, either by creating a function with just a simple name, or you can get an anonymous function and store the result into just a variable. But why would we use the second version? Why would we use anonymous functions? why not just use the simple the simple version?

Well, the answer is that in many libraries, in JavaScript, in general, there are many functions that take functions as parameters. So for example, you might have a function called hear function functions or function called multi line just multiply multi ply, and it takes, it just takes a parameter, but that parameter is a function, not a simple variable. So I could just copy this function and paste it as a as a parameter, right? copy and paste it here. So this, this multiply function is going to take a parameter but this parameter is going to be is going to be a function, not a symbol variable, as you can see here, and then here, I'm going to just add a comma and add another variable, blah, blah, blah, and a third variable, a third parameter, and so on and so forth. But that our code would be just very difficult difficult to read if we just add the complete function as a parameter here.

So therefore, what we would do instead, we just create that anonymous function and store the result or store it into a variable. And we pass that variable instead of the complete the complete anonymous function. So I'm going to delete all of this, all of this function with its its implementation. And instead I'm going to pass multiply by two variable as as, as a parameter, and that parameter is valuable, right? But it's, it's actually a function, because the anonymous function is stored into this multiply by two variable, then we just take this function and use it inside the multiply function and this is commonly used Use this format is commonly used in libraries like jQuery. And even if you want to create something called a callback function, you would have to use functions as parameters.

Therefore, it's very important to know this concept that the anonymous function should be stored into a variable. And it's commonly used in JavaScript. And this is why we use anonymous functions to pass them as variables into other functions.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.