• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
JavaScript: Variables and Functions
 

JavaScript: Variables and Functions

on

  • 1,094 views

 

Statistics

Views

Total Views
1,094
Views on SlideShare
1,094
Embed Views
0

Actions

Likes
1
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    JavaScript: Variables and Functions JavaScript: Variables and Functions Presentation Transcript

    • JS  Variables  and  Func1ons   Jussi  Pohjolainen  Tampere  University  of  Applied  Sciences  
    • Datatypes  •  Numbers  •  Boolean  •  String  •  Null,  undefined  •  Object  •  Func1on  
    • 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  defined  in  the  scope  of  the   func1on  (or  globally)  
    • Hois1ng  •  Variables  are  moved  on  top  of  the  func1on!  function test() { var x; if(true) { x = 5; } document.write(x);}
    • Hois1ng  function test() { document.write(x); // Prints undefined! if(true) { var x = 5; }}
    • Hois1ng  function test() { var x; document.write(x); // Prints undefined! if(true) { x = 5; }}
    • So  what  happens  here?  var x = 10;function test() { document.write(x); if(true) { var x = 5; }}
    • So  what  happens  here?  var x = 10;function test() { var x; // Overrides the global one.. document.write(x); // undefined if(true) { x = 5; }}
    • 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;  
    • 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
    • Basic  Func1on  function add(a, b){ return a+b;}alert(add(1,2));
    • Func1on  as  Variable  var add = function(a, b){ return a+b;}alert(add(1,2));
    • Func1on  as  Variable  var add=function theAdd(a, b){ return a+b;}alert(add(1,2)); // produces 3alert(theAdd(1,2)); // also produces 3