Functions

8 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.84
List Price:  €129.98
You save:  €37.14
£79.48
List Price:  £111.28
You save:  £31.79
CA$136.74
List Price:  CA$191.45
You save:  CA$54.70
A$150.88
List Price:  A$211.24
You save:  A$60.36
S$135.02
List Price:  S$189.03
You save:  S$54.01
HK$781.40
List Price:  HK$1,093.99
You save:  HK$312.59
CHF 90.57
List Price:  CHF 126.80
You save:  CHF 36.23
NOK kr1,084.75
List Price:  NOK kr1,518.70
You save:  NOK kr433.94
DKK kr692.49
List Price:  DKK kr969.51
You save:  DKK kr277.02
NZ$166.11
List Price:  NZ$232.56
You save:  NZ$66.45
د.إ367.25
List Price:  د.إ514.16
You save:  د.إ146.91
৳10,956.06
List Price:  ৳15,338.92
You save:  ৳4,382.86
₹8,347.75
List Price:  ₹11,687.19
You save:  ₹3,339.43
RM473.85
List Price:  RM663.41
You save:  RM189.56
₦123,487.65
List Price:  ₦172,887.65
You save:  ₦49,400
₨27,772.29
List Price:  ₨38,882.31
You save:  ₨11,110.02
฿3,673.43
List Price:  ฿5,142.95
You save:  ฿1,469.52
₺3,227.91
List Price:  ₺4,519.21
You save:  ₺1,291.29
B$507.22
List Price:  B$710.14
You save:  B$202.91
R1,843.50
List Price:  R2,580.97
You save:  R737.47
Лв181.60
List Price:  Лв254.25
You save:  Лв72.65
₩135,529.28
List Price:  ₩189,746.42
You save:  ₩54,217.13
₪374.14
List Price:  ₪523.82
You save:  ₪149.67
₱5,714.50
List Price:  ₱8,000.53
You save:  ₱2,286.03
¥15,376.28
List Price:  ¥21,527.41
You save:  ¥6,151.12
MX$1,692.97
List Price:  MX$2,370.23
You save:  MX$677.25
QR364.12
List Price:  QR509.78
You save:  QR145.66
P1,360.02
List Price:  P1,904.08
You save:  P544.06
KSh13,423.65
List Price:  KSh18,793.65
You save:  KSh5,370
E£4,794.44
List Price:  E£6,712.40
You save:  E£1,917.96
ብር5,730.37
List Price:  ብር8,022.75
You save:  ብር2,292.37
Kz83,526.97
List Price:  Kz116,941.11
You save:  Kz33,414.13
CLP$94,107.58
List Price:  CLP$131,754.38
You save:  CLP$37,646.80
CN¥707.87
List Price:  CN¥991.05
You save:  CN¥283.18
RD$5,800.92
List Price:  RD$8,121.52
You save:  RD$2,320.60
DA13,449.71
List Price:  DA18,830.13
You save:  DA5,380.42
FJ$224.39
List Price:  FJ$314.16
You save:  FJ$89.76
Q775.96
List Price:  Q1,086.38
You save:  Q310.41
GY$20,884.44
List Price:  GY$29,239.05
You save:  GY$8,354.61
ISK kr13,954.60
List Price:  ISK kr19,537
You save:  ISK kr5,582.40
DH1,006.90
List Price:  DH1,409.70
You save:  DH402.80
L1,768.33
List Price:  L2,475.74
You save:  L707.40
ден5,716.08
List Price:  ден8,002.75
You save:  ден2,286.66
MOP$803.50
List Price:  MOP$1,124.94
You save:  MOP$321.43
N$1,847.92
List Price:  N$2,587.16
You save:  N$739.24
C$3,674.94
List Price:  C$5,145.06
You save:  C$1,470.12
रु13,329.02
List Price:  रु18,661.17
You save:  रु5,332.14
S/372.66
List Price:  S/521.73
You save:  S/149.07
K385.89
List Price:  K540.26
You save:  K154.37
SAR375.01
List Price:  SAR525.03
You save:  SAR150.02
ZK2,692.78
List Price:  ZK3,770.01
You save:  ZK1,077.22
L461.79
List Price:  L646.53
You save:  L184.73
Kč2,323.07
List Price:  Kč3,252.39
You save:  Kč929.32
Ft36,167.88
List Price:  Ft50,636.48
You save:  Ft14,468.60
SEK kr1,082.52
List Price:  SEK kr1,515.58
You save:  SEK kr433.05
ARS$87,865.40
List Price:  ARS$123,015.07
You save:  ARS$35,149.67
Bs691.31
List Price:  Bs967.87
You save:  Bs276.55
COP$388,509.43
List Price:  COP$543,928.75
You save:  COP$155,419.31
₡51,021.71
List Price:  ₡71,432.44
You save:  ₡20,410.72
L2,466.06
List Price:  L3,452.59
You save:  L986.52
₲747,341.53
List Price:  ₲1,046,308.05
You save:  ₲298,966.51
$U3,819.97
List Price:  $U5,348.11
You save:  $U1,528.14
zł401.45
List Price:  zł562.05
You save:  zł160.59
Already have an account? Log In

Transcript

Hello, in this JavaScript video, I am going to show you functions also known as methods. So what is a function, it essentially allows you to bundle up some code or you know, also known as abstract any out, and you assign some name to it, which is the function name, you call a function. And what we've done here would prompt prompt built in, and you know, console dot log as well for that matter. And you'll perform those, you know, instruction, the set of code. So if you have 10 lines of code in there you call a function, you'll initiate those 10 lines of code, am I thinking, why do I want to do that sound like you know, expert, main reason is, when you are creating application, you are going to have functionality that's used a lot throughout the different parts in your application. And what will happen is the actual code is the same and you'll just be duplicating it.

If you need to update it, or let's say fix a bug. You have to do that in every scenario. Imagine if you have the same code as 50 lines of code in 100 different locations. And trust me that is more than possible in any half decent size application. So anything beyond what you know, just the simple stuff we're doing here with a few lines, you'll have duplicate code unless you use functions. So let's just go ahead and create one, get rid of this.

So to create one, you just put the keyword function, then you name your function, I'm going to name it awesome funk, and open curly brackets, curly braces, and in here is where you specify all your code. And I'm going to specify two lines. And I'm simply going to do a console log. And these console logs are gonna say hello. I was already gonna do the one. We're gonna do hello world.

I'm gonna do hello and goodbye. So if I refresh I didn't see Nothing is printed out. My thinking was that we got the three console log lines, there's no errors produced. We've used console before, what's going on. And the thing is, they've been encapsulated in this awesome funk member that prompt function that we used in the previous video. If you don't initiate a call that function, if you know the prompt box doesn't appear, you don't want you know, everything just appearing and happening without you initiating it.

But to initiate it, you just use the name of the function, the awesome func open curly brackets and a colon. And this because it doesn't have the keyword function, it says find a function call some function, he knows is a function because of the curly braces. And it's, you know, it's going to locate it and click it. There you go. It is working awesome stuff. So we can do a couple of other things with functions.

One, we can have values passed in To the function, so let's create for like an adder function call itself, you know, that's the mathematical term for it, function sum. And we want to pass in two values for these two value, you get like prompt boxes, you could get from the user, you know, using a natural input box, it doesn't really matter how you get them. And in here, we want to pass in two values. So we just go right here, we do ball. And we specify the actual functions themselves. So we just need to specify the actual variable names.

And these variable names are just specific to the function, but you don't need the keyword var sorry, Tom's gonna actually call them num one, comma, num, two. And these are variables and he knows the variables included within the brackets. So that's really nice. Especially By the keyword variable, Okay, number one, number two, you can pass in as many of you wanting to separate it with a comma. They can be all different data types. You want to do number one, so we're actually going to create a variable inside of the var equals, so var result equals number two.

And if you haven't resolved, so there we go. It says not a number. Not a number. That is because we have not passed in anything that we need to pass something invalid passing four and seven. Sure we can handle that or do we need to open the calculator? Let's open the calculator.

Think I'm unable to calculate that four plus seven, because seems legit to me. Nothing all my years do math. I think that's right. So four plus seven is 11. Make sure that is saved. Refresh and we have the value 11 point out.

So that's all great. You might be thinking, what I can just add this so this is you know, glow hierro Are you thinking, Okay, this is really cool we can pass variables in, we could add them, multiply them know, get something from a database, it doesn't really matter what you're doing with it to do something, but why if you don't want to, you know, console log every time. So, maybe you want to get some value put into a variable sign into a variable or console log it or put it into a database or you know this or that or that and how do you do that is called a return type. So if I create another function called sum, and I want to call him return, return, the call wherever you want the number one note to bear in mind, though these are named the same, they are separate variables.

These have a scope of this function, so they cannot be used outside. Same will result result cannot be used outside of this function. If this variable was created outside of the function, and he used the inside, that is fine, we can declare it using the wall keyword inside of the function and expect to use the side. So in here, we are basically going to do the same thing but we're not going to console log it, you use the return keyword, specify what you want to return for the data within colon. And now if I do return the equality should get same value five and nine. That should get us to carry the one square root the two I think we're getting roughly 14 in my head and then we reload.

Okay, nothing has changed. The reason is it literally just a sub consent cola. I will prove that it's simply doesn't print that because we haven't specified, this returns the value. And this is the same thing as writing 14, which does nothing. But we can actually print it out. So if we do console dot log, printed out like so.

There we go, we got 14 printed out. Imagine that is really cool you anywhere that you can put like any sort of data, you could specify a function call. And any data that was turned, you're literally put here. Another thing you can do is to create a variable called epic var, because it is an epic variable, you can make it equal to the result of a function, they return. So if I put in two and 100, quite a large value. And now if I do console dot log, epic law if I save that Go back and refresh it.

There we go. We have printers to print today. So that's function that's really all there is to it. You can put literally any piece of JavaScript code that you want inside of one of them. But these are the main types of function, one without parameters or arguments, one with parameters, and one with parameters that also returns a value. You could also have a function that takes in no parameters, but returns a value.

But other than that the left they do all of this console login as an extra task on I'm going to leave that to you. If you have any questions, feel free to drop me a message. And as usual, I look forward to seeing you in the next video.

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.