Context - Demonstration

3 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
€85.36
List Price:  €119.51
You save:  €34.14
£73.83
List Price:  £103.37
You save:  £29.53
CA$138.47
List Price:  CA$193.86
You save:  CA$55.39
A$151.31
List Price:  A$211.84
You save:  A$60.53
S$128.26
List Price:  S$179.57
You save:  S$51.31
HK$778.85
List Price:  HK$1,090.43
You save:  HK$311.57
CHF 79.67
List Price:  CHF 111.55
You save:  CHF 31.87
NOK kr992.30
List Price:  NOK kr1,389.26
You save:  NOK kr396.96
DKK kr637.29
List Price:  DKK kr892.24
You save:  DKK kr254.94
NZ$168.10
List Price:  NZ$235.35
You save:  NZ$67.24
د.إ367.21
List Price:  د.إ514.11
You save:  د.إ146.90
৳12,170.03
List Price:  ৳17,038.54
You save:  ৳4,868.50
₹8,808.38
List Price:  ₹12,332.09
You save:  ₹3,523.70
RM421.90
List Price:  RM590.68
You save:  RM168.78
₦151,193.87
List Price:  ₦211,677.47
You save:  ₦60,483.60
₨28,231.96
List Price:  ₨39,525.87
You save:  ₨11,293.91
฿3,178.48
List Price:  ฿4,450
You save:  ฿1,271.52
₺4,128
List Price:  ₺5,779.37
You save:  ₺1,651.36
B$543.26
List Price:  B$760.59
You save:  B$217.32
R1,755.07
List Price:  R2,457.17
You save:  R702.10
Лв167.10
List Price:  Лв233.95
You save:  Лв66.84
₩138,832.84
List Price:  ₩194,371.54
You save:  ₩55,538.69
₪333.50
List Price:  ₪466.92
You save:  ₪133.41
₱5,707.77
List Price:  ₱7,991.11
You save:  ₱2,283.34
¥14,741.11
List Price:  ¥20,638.15
You save:  ¥5,897.03
MX$1,863.42
List Price:  MX$2,608.87
You save:  MX$745.44
QR364.13
List Price:  QR509.80
You save:  QR145.66
P1,340.20
List Price:  P1,876.33
You save:  P536.13
KSh12,913.70
List Price:  KSh18,079.70
You save:  KSh5,166
E£4,818.50
List Price:  E£6,746.10
You save:  E£1,927.59
ብር14,329.41
List Price:  ብር20,061.75
You save:  ብር5,732.33
Kz91,186.39
List Price:  Kz127,664.59
You save:  Kz36,478.20
CLP$96,707.32
List Price:  CLP$135,394.12
You save:  CLP$38,686.80
CN¥712.05
List Price:  CN¥996.91
You save:  CN¥284.85
RD$6,361.82
List Price:  RD$8,906.81
You save:  RD$2,544.98
DA12,985.60
List Price:  DA18,180.36
You save:  DA5,194.76
FJ$227.15
List Price:  FJ$318.02
You save:  FJ$90.87
Q766.35
List Price:  Q1,072.93
You save:  Q306.57
GY$20,910.82
List Price:  GY$29,275.99
You save:  GY$8,365.16
ISK kr12,241.77
List Price:  ISK kr17,138.97
You save:  ISK kr4,897.20
DH903.67
List Price:  DH1,265.17
You save:  DH361.50
L1,664.84
List Price:  L2,330.84
You save:  L666
ден5,260.13
List Price:  ден7,364.39
You save:  ден2,104.26
MOP$802.03
List Price:  MOP$1,122.88
You save:  MOP$320.84
N$1,755.10
List Price:  N$2,457.21
You save:  N$702.11
C$3,697.17
List Price:  C$5,176.19
You save:  C$1,479.01
रु14,095.46
List Price:  रु19,734.22
You save:  रु5,638.75
S/352.69
List Price:  S/493.78
You save:  S/141.09
K425.96
List Price:  K596.36
You save:  K170.40
SAR375.12
List Price:  SAR525.18
You save:  SAR150.06
ZK2,408.92
List Price:  ZK3,372.58
You save:  ZK963.66
L433.05
List Price:  L606.29
You save:  L173.24
Kč2,082.07
List Price:  Kč2,914.98
You save:  Kč832.91
Ft33,609.14
List Price:  Ft47,054.14
You save:  Ft13,445
SEK kr934.06
List Price:  SEK kr1,307.72
You save:  SEK kr373.66
ARS$141,577.37
List Price:  ARS$198,213.98
You save:  ARS$56,636.61
Bs694.28
List Price:  Bs972.02
You save:  Bs277.74
COP$395,357.19
List Price:  COP$553,515.89
You save:  COP$158,158.69
₡50,492.27
List Price:  ₡70,691.20
You save:  ₡20,198.92
L2,631.87
List Price:  L3,684.73
You save:  L1,052.85
₲719,695.19
List Price:  ₲1,007,602.06
You save:  ₲287,906.86
$U3,993.04
List Price:  $U5,590.42
You save:  $U1,597.37
zł363.60
List Price:  zł509.06
You save:  zł145.45
Already have an account? Log In

Transcript

In your examples folder, open up the context sub folder. And let's look at the context basic example. Here I have two objects, foo and bar. Each one of these objects has two properties, a greeting property, and a greet property. Now with objects when a property happens to be a function, it's called a method. So each one of these objects has a greet method.

So the Foo dot greet or the greet method of foo, returns this greeting. Now, in a method, this keyword is very important. It refers to the function the object to which a method belongs. So this keyword on line number five refers to foo, because this method greet belongs to this object foo. So once again, the JavaScript this key Word inside of a method refers to the object to which that method belongs. On line number five, describe greeting, resolves to food greeting, on line number 13.

This talk greeting resolves to bardock greeting. So our console log outputs should equal I am foo, and I am bar because we're calling foo dot greet, and bar dot greet. So let's see this in action. If I open up, block scope. Context place for example, I see I am foo and I am bar. And that's exactly what we expect.

Now, there's something we can do that might make this a little bit clearer. Inside of the bar dot greet method. I'm going to put a console during statements I'm going to say console during this. I'm going to just inspect this so we can just get a little bit deeper understanding of what this means online and 13 so now when I rerun the code, I see this object in my console. And I can see it's got two properties greet, which is a function and greeting I am bar. And if I do if I take this and move it inside of foo, foo dot greedy greet.

When I rerun this code, now it's object you can see it's kind of greet method and a greeting. I am foo. So the thing to remember about context is that it is the object to which a method belongs. So inside of a method, the JavaScript this keyword can be used to reference the object to which that method belongs here inside of foo, that this keyword references foo, here inside of bar that this keyword references bar. So this greeting, resolves to bar greeting and this time Greeting on line five resolves to food greeting

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.