Upcoming SlideShare
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Standard text messaging rates apply

# JavaScript: Variables and Functions

776

Published on

1 Like
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

Views
Total Views
776
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
18
0
Likes
1
Embeds 0
No embeds

No notes for slide

### Transcript

• 1. JS  Variables  and  Func1ons   Jussi  Pohjolainen  Tampere  University  of  Applied  Sciences
• 2. Datatypes  •  Numbers  •  Boolean  •  String  •  Null,  undeﬁned  •  Object  •  Func1on
• 3. Variable  scope  •  Global  and  local  variables  •  JS  does  not  have  block  statement  scope!   function test() { if(true) { var x = 5; } document.write(x); }•  This  works!  X  is  deﬁned  in  the  scope  of  the   func1on  (or  globally)
• 4. Hois1ng  •  Variables  are  moved  on  top  of  the  func1on!  function test() { var x; if(true) { x = 5; } document.write(x);}
• 5. Hois1ng  function test() { document.write(x); // Prints undefined! if(true) { var x = 5; }}
• 6. Hois1ng  function test() { var x; document.write(x); // Prints undefined! if(true) { x = 5; }}
• 7. So  what  happens  here?  var x = 10;function test() { document.write(x); if(true) { var x = 5; }}
• 8. So  what  happens  here?  var x = 10;function test() { var x; // Overrides the global one.. document.write(x); // undefined if(true) { x = 5; }}
• 9. Global  Objects  •  Global  variables  are  in  fact  proper1es  of  the   global  object!  •   In  web  pages  the  global  object  is  window  •  So   –  var  x  =  5  ó  window.x  =  5;
• 10. Objects  var Sales = "Toyota";function CarTypes(name) { if (name == "Honda") return name; else return "Sorry, we dont sell " + name + ".";}var car = { myCar: "Saturn", getCar: CarTypes("Honda"), special: Sales };document.write(car.myCar); // Saturndocument.write(car.getCar); // Hondadocument.write(car.special); // Toyota