Object Example

Modern JavaScript Using Objects
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
$99.99
List Price:  $139.99
You save:  $40
€96.21
List Price:  €134.70
You save:  €38.49
£79.93
List Price:  £111.90
You save:  £31.97
CA$143.79
List Price:  CA$201.32
You save:  CA$57.52
A$160.48
List Price:  A$224.69
You save:  A$64.20
S$135.83
List Price:  S$190.17
You save:  S$54.33
HK$777.07
List Price:  HK$1,087.93
You save:  HK$310.86
CHF 89.45
List Price:  CHF 125.24
You save:  CHF 35.78
NOK kr1,141.95
List Price:  NOK kr1,598.78
You save:  NOK kr456.82
DKK kr717.64
List Price:  DKK kr1,004.72
You save:  DKK kr287.08
NZ$177.52
List Price:  NZ$248.53
You save:  NZ$71.01
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,994.74
List Price:  ৳16,793.12
You save:  ৳4,798.37
₹8,496.63
List Price:  ₹11,895.62
You save:  ₹3,398.99
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦155,628.43
List Price:  ₦217,886.03
You save:  ₦62,257.60
₨27,934.96
List Price:  ₨39,110.06
You save:  ₨11,175.10
฿3,444.45
List Price:  ฿4,822.37
You save:  ฿1,377.92
₺3,518.54
List Price:  ₺4,926.10
You save:  ₺1,407.55
B$617.53
List Price:  B$864.57
You save:  B$247.04
R1,837.80
List Price:  R2,572.99
You save:  R735.19
Лв188.31
List Price:  Лв263.64
You save:  Лв75.33
₩144,872.25
List Price:  ₩202,826.95
You save:  ₩57,954.69
₪364.89
List Price:  ₪510.86
You save:  ₪145.97
₱5,883.01
List Price:  ₱8,236.45
You save:  ₱2,353.44
¥15,672.80
List Price:  ¥21,942.55
You save:  ¥6,269.75
MX$2,028.91
List Price:  MX$2,840.56
You save:  MX$811.64
QR366.34
List Price:  QR512.89
You save:  QR146.55
P1,382.59
List Price:  P1,935.69
You save:  P553.09
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,091.27
List Price:  E£7,127.98
You save:  E£2,036.71
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$99,155.08
List Price:  CLP$138,821.08
You save:  CLP$39,666
CN¥729.81
List Price:  CN¥1,021.77
You save:  CN¥291.95
RD$6,104.52
List Price:  RD$8,546.58
You save:  RD$2,442.05
DA13,454.60
List Price:  DA18,836.98
You save:  DA5,382.37
FJ$232.11
List Price:  FJ$324.96
You save:  FJ$92.85
Q773.21
List Price:  Q1,082.52
You save:  Q309.31
GY$21,000.46
List Price:  GY$29,401.48
You save:  GY$8,401.02
ISK kr13,903.60
List Price:  ISK kr19,465.60
You save:  ISK kr5,562
DH1,007.40
List Price:  DH1,410.40
You save:  DH403
L1,841.78
List Price:  L2,578.57
You save:  L736.78
ден5,922.50
List Price:  ден8,291.74
You save:  ден2,369.23
MOP$803.42
List Price:  MOP$1,124.82
You save:  MOP$321.40
N$1,834.70
List Price:  N$2,568.66
You save:  N$733.95
C$3,694.32
List Price:  C$5,172.20
You save:  C$1,477.87
रु13,665.58
List Price:  रु19,132.35
You save:  रु5,466.77
S/374.71
List Price:  S/524.60
You save:  S/149.89
K406.86
List Price:  K569.63
You save:  K162.76
SAR375.72
List Price:  SAR526.02
You save:  SAR150.30
ZK2,777.96
List Price:  ZK3,889.25
You save:  ZK1,111.29
L478.81
List Price:  L670.35
You save:  L191.54
Kč2,418.25
List Price:  Kč3,385.65
You save:  Kč967.40
Ft39,800.47
List Price:  Ft55,722.25
You save:  Ft15,921.78
SEK kr1,103.66
List Price:  SEK kr1,545.17
You save:  SEK kr441.50
ARS$102,190.76
List Price:  ARS$143,071.15
You save:  ARS$40,880.39
Bs693.61
List Price:  Bs971.08
You save:  Bs277.47
COP$437,799.12
List Price:  COP$612,936.28
You save:  COP$175,137.16
₡50,480.33
List Price:  ₡70,674.48
You save:  ₡20,194.15
L2,548.03
List Price:  L3,567.35
You save:  L1,019.31
₲784,126.06
List Price:  ₲1,097,807.85
You save:  ₲313,681.79
$U4,460.41
List Price:  $U6,244.75
You save:  $U1,784.34
zł409.96
List Price:  zł573.96
You save:  zł164
Already have an account? Log In

Transcript

To help cement some of the ideas we've talked about with objects, let's look at another example. I'm going to jump to sublime. And here I have quite a bit of code to take a look at. So first off, these variables are declared at the top, I'm assuming these contain data from earlier in the program, perhaps they come from a database, perhaps they come from a form that was filled out by a user, whatever the case may be, but we're going to track the user in an object. This is a situation that I made up, but it is a situation that can illustrate some of the advantages of using objects. So this particular object contains everything it needs, in our sample scenario, everything it needs to deal with the And that's one of the nice things about compartmentalizing functionality, you can do that with objects.

The fact that they can include functions that are called methods and other types of data is really a nice feature of objects, the data that's come from earlier in the program or from a database or whatever, all we have here is a first name, a surname and then a birth date. For the birth date. I'm tracking it with a date object, I create a new date object using the data for the birth date. Then down here, we define a user. We set it to the variable user one and then let's look at how we set up this object. So first off, we have a first name and a last name.

Notice that I'm defining the value for that name for the name value pairs of these first two using variables that come from somewhere else in the program. In this case, just a few lines up, but it illustrates the idea of weekend use that data and put it into an object, the age I simply entered the number. The birth date also comes from data that was established earlier and it's a date object, then we have several methods are a part of this object. For example, we have a full name method, what it does is it returns the first name concatenated with the last name. Now notice what we've done here. We have not talked about the keyword this up to this point.

So I'm introducing it at this in this movie. This within an object refers to that object. So this is referring back to the object we are creating right here. So by referring back to the object, I can then get the first name property of that object using this dot first name. This dot last name, and it concatenates those two together and returns the value. increment age is simply a function that increments the age by one.

And so we do this dot age. And then we do the increment operator. And it will change the value of this property up here. Login check, I made this method as something that might happen. Whenever the user logs into this site. It runs a login check on the user data.

And simply what we're doing here is we want to check to see if it's the users birthday because if it is the user's birthday, we want to let them know we're aware of that and wish them happy birthday. So what we do inside of this method is we first declare variable and set it equal to a new date object and so we get the current date. And then we check the birthday which we've stored the month of that birthday to see if it's equal to The month of the new data object, and we use our logical and we check the date, the day of the month and check to see if it's equal to the day of the month of today's date. And if that results in true meaning both the month and the day of the month are equal, then we run a another method.

And we call that method using this because it's a method of this same object. And the name of that method is birthday. We use the parentheses at the end. So to execute the code, basically what we do is we want to wish them a happy birthday. I'm just logging it to the console, but we could do something different within our site to wish them a happy birthday. And then I also called increment age method that is a part of this object.

So what I hope you see from this simple example is what's possible with objects how it allows you to put data add functionality together, that belong together. It can help you carve, compartmentalize things within your program. That's one of the advantages of objects, not the only. But that's one and so I wanted to illustrate that. So let's see how this works. Let's go ahead and I'm going to add one more line here.

And I'm just going to have it run the login chat. Now it just so happens that I set up the birthday. So that it is today's date. The login check will act actually do something. And sometimes that's how you can test your your programming is you have to enter dummy data in order to test to make sure things are working. That's exactly what I'm doing here.

I set it up so that it would run you know, save that let's go ahead and copy the file path so we can pull up this page. And then I'm going to open the console. See what happened? Sure enough, it did print to the console Happy birthday. But what about the age? Did it increment the age?

How can I tell that? Well, something we haven't done to this point in the console yet is check to see stuff that was executed in HTML page, which we opened the console from. we've typed stuff into the console, and then we've been able to see it. But you can also use the console to check JavaScript that was executed from the HTML page, for example, user one exists, that object exists in the console, because I opened the console from the HTML page, which had the JavaScript that established user one as an object. So I can do user one dot age. And sure enough, it's now 41.

Instead of So I did increment the age. Another example of this is I can console dot log, user one dot full name, that method concatenated, the first name to the last name, and returned it. And so by logging it out, I can log the value to the console. I can also simply display the object and see what's been established in their age, birthdate and several functions. First Name, Last Name, you can see those. And so this example should have helped cement some of those ideas from user defined objects, but we also introduced this keyword.

In the next movie, I want to delve into that a little more detail give you a little more information about this.

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.