‫שישה 	ימים 	עם‬                          ‫ 	‬                           ‫ג’אווהסקריפט‬‫21 ,61 ‪Tuesday, October‬‬
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JSTuesday...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
...‫לכל 	שאלה‬                     me@ynonperek.com                     http://mobileweb.ynonperek.comTuesday, October 16,...
‫על 	השפה‬Tuesday, October 16, 12
‫על 	השפה‬                “We envisioned a much                livelier Web consisting of                pages that acted ...
‫צד 	לקוח‬Tuesday, October 16, 12
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>     <script src="code.js"></script>     <p>All your bases are...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>     <script src="code.js"></script>     <p>All your bases are...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
Rendering	 Engine   <html>   <body>     <h1>Hello World</h1>                                       Hello World     <script...
DOM	 :‫שיטת 	עבודה‬                               Div         HTML                          HTMLDivElement   JavaScriptTue...
DOM	 Code  <p id="text">Hello JavaScript</p>             ‫באמצעות משתנים‬                                              ,HT...
DOM	 Code  <p id="text">Hello JavaScript</p>             ‫באמצעות משתנים‬                                              ,HT...
JS	 ‫טעינת 	קובץ‬            <script src="file.js"></script>Tuesday, October 16, 12
JS	 ‫שינוי 	צבע 	ב‬              var p           = document.querySelector(p#text);              p.style.color   = white;Tu...
‫שינוי 	צבע 	לפי 	שעה‬            var         p  = document.querySelector(p#text);            p.style.color  = white;     ...
...‫מה 	הלאה‬                     https://developer.mozilla.org/en-US/docs/                     JavaScript/A_re-introducti...
‫שישה 	ימים 	עם‬                          ‫ 	‬                           ‫ג’אווהסקריפט‬‫21 ,61 ‪Tuesday, October‬‬
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JSTuesday...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
...‫לכל 	שאלה‬                     me@ynonperek.com                     http://mobileweb.ynonperek.comTuesday, October 16,...
‫טיפול 	באירועים‬Tuesday, October 16, 12
‫טיפול 	באירועים‬                                              Click                                    Event QueueTuesday...
Main Loop                           ‫ממתין לאירוע‬                           ‫מטפל באירוע‬Tuesday, October 16, 12
Main Loop                           ‫ממתין לאירוע‬                           ‫מטפל באירוע‬Tuesday, October 16, 12
Main Loop                           ‫ממתין לאירוע‬                           ‫מטפל באירוע‬Tuesday, October 16, 12
Event	 HandlersTuesday, October 16, 12
Event	 Handlers                 Html ElementTuesday, October 16, 12
Event	 Handlers                 Html Element                          EventTuesday, October 16, 12
Event	 Handlers                 Html Element                          Event                          CodeTuesday, October ...
Event	 Handlers                 Html Element          el.addEventListener                          Event                  ...
Event	 Handlers                 Html Element          el.addEventListener                          Event              Even...
‫סוגי 	אירועים‬                          click             change                          dblclick          blur         ...
...‫מה 	הלאה‬                     Events at MDN: https://developer.mozilla.org/                     en-US/docs/DOM/event  ...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
...‫לכל 	שאלה‬                     me@ynonperek.com                     http://mobileweb.ynonperek.comTuesday, October 16,...
‫בעבוע 	אירועים‬                              document                                div                                 ...
‫בעבוע 	אירועים‬                                      document                                          div               ...
‫בעבוע 	אירועים‬                                   document                     currentTarget div                         ...
‫בעבוע 	אירועים‬                                   document                     currentTarget                             ...
‫המשתנה 	‪this‬‬                           ‫המשתנה ‪ this‬בתוך קוד טיפול באירוע‬                          ‫מתייחס לאלמנט ש...
‫תאימות 	בין 	דפדפנים‬                http://www.quirksmode.org/js/                events_advanced.htmlTuesday, October 16...
...‫מה 	הלאה‬                     Events at MDN: https://developer.mozilla.org/                     en-US/docs/DOM/event  ...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
...‫לכל 	שאלה‬                     me@ynonperek.com                     http://mobileweb.ynonperek.comTuesday, October 16,...
‫ארגון 	מידע‬                            ‫מערכים‬                          ‫אובייקטים‬‫21 ,61 ‪Tuesday, October‬‬
‫מערכים‬                          ‫מערך הינו רשימה סדורה של ערכים‬‫21 ,61 ‪Tuesday, October‬‬
‫מערכים‬                            ‫מערך הינו רשימה סדורה של ערכים‬                          ‫;]7 ,2 ,‪var arr = [1, a, b...
‫מערכים‬                            ‫מערך הינו רשימה סדורה של ערכים‬                          ‫;]7 ,2 ,‪var arr = [1, a, b...
‫מערכים‬                            ‫פנייה ישירה לאיבר במערך החל מ-0‬                          ‫’‪arr[2] = ‘d‬‬           ...
‫מערכים‬                            ‫פנייה ישירה לאיבר במערך החל מ-0‬                          ‫’‪arr[2] = ‘d‬‬           ...
‫מתי 	נשתמש 	במערכים‬                                        ‫רשימת אנשי קשר‬                                         ‫רכי...
‫אובייקטים‬                     ‫אובייקט מאפשר אחסון ערכים על פי מפתחות‬‫21 ,61 ‪Tuesday, October‬‬
‫אובייקטים‬                     ‫אובייקט מאפשר אחסון ערכים על פי מפתחות‬   var me = {     name: Ynon Perek,     web: http:...
‫אובייקטים‬                     ‫אובייקט מאפשר אחסון ערכים על פי מפתחות‬   var me = {     name: Ynon Perek,     web: http:...
‫פנייה 	ישירה‬                          ‫ניתן לבצע פנייה ישירה למפתח באמצעות‬                                     ‫סוגריים...
‫פנייה 	ישירה‬                          ‫ניתן לבצע פנייה ישירה למפתח באמצעות‬                                     ‫סוגריים...
‫פעולות 	נוספות‬                          ‫אפשר לעדכן מפתח לא קיים - ואז הוא יתווסף‬                                      ...
‫קריאה 	ותרגול‬                     https://developer.mozilla.org/en-US/docs/                     JavaScript/Guide/Working...
JavaScript	 Templates                     me@ynonperek.com                     http://mobileweb.ynonperek.comTuesday, Octo...
JavaScript	 TemplatesTuesday, October 16, 12
JavaScript	 Templates      <div class="entry">        <h1>{{name}}</h1>        <span>{{details}}</span>      </div>Tuesday...
JavaScript	 Templates      <div class="entry">            {        <h1>{{name}}</h1>              name: "Jimmy Jones",    ...
JavaScript	 Templates      <div class="entry">                       {        <h1>{{name}}</h1>                         na...
‫קריאת 	המשך‬                     http://handlebarsjs.com/                     https://github.com/ynonp/6-days-of-javascri...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
‫הגדרת 	פונקציות‬                          var foo = function(x, y) {                            return x + y;            ...
‫דוגמאות‬Tuesday, October 16, 12
‫ארגומנטים‬                var sum = function() {                   var sum = 0;                                   for ( v...
‫ארגומנטים‬                          ‫ארגומנט שהועבר בקריאה אבל לא צוין‬                                 ‫בהגדרה נכנס למער...
var	 :‫משתנים‬                          f3        z                          f2        y                          f1      ...
‫דוגמא: 	פונקציה‬                           ‫ 	‬                          ‫המייצרת 	אובייקט‬‫21 ,61 ‪Tuesday, October‬‬
‫פונקציות 	בג’אווהסקריפט‬                            ‫לפונקציות יש מקום מאוד מרכזי בשפה‬                      ‫הן מהוות את...
‫הפרמטר 	‪this‬‬                          ‫לכל פונקציה ניתן להעביר משתנה נוסף‬                                            ...
‫קריאת 	המשך‬                     https://developer.mozilla.org/en-US/docs/                     JavaScript/Guide/Functions...
‫שישה 	ימים 	עם‬                          	                            ‫ג’אווהסקריפט‬                   Intro To JS   JS E...
Upcoming SlideShare
Loading in …5
×

Javascript

2,647 views

Published on

מצגת מלווה למדריך המקוון שישה ימים עם ג'אווהסקריפט. לפרטים:
http://mobileweb.ynonperek.com

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,647
On SlideShare
0
From Embeds
0
Number of Embeds
1,977
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript

  1. 1. ‫שישה ימים עם‬ ‫ ‬ ‫ג’אווהסקריפט‬‫21 ,61 ‪Tuesday, October‬‬
  2. 2. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JSTuesday, October 16, 12
  3. 3. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS EventsTuesday, October 16, 12
  4. 4. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events DataTuesday, October 16, 12
  5. 5. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events Data FunctionsTuesday, October 16, 12
  6. 6. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events Data Functions OO JSTuesday, October 16, 12
  7. 7. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events Data Functions OO JS Pro JSTuesday, October 16, 12
  8. 8. ...‫לכל שאלה‬ me@ynonperek.com http://mobileweb.ynonperek.comTuesday, October 16, 12
  9. 9. ‫על השפה‬Tuesday, October 16, 12
  10. 10. ‫על השפה‬ “We envisioned a much livelier Web consisting of pages that acted more like applications”Tuesday, October 16, 12
  11. 11. ‫צד לקוח‬Tuesday, October 16, 12
  12. 12. Rendering Engine <html> <body>   <h1>Hello World</h1>   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  13. 13. Rendering Engine <html> <body>   <h1>Hello World</h1>   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  14. 14. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  15. 15. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  16. 16. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  17. 17. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  18. 18. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs to us</p> </body> </html>Tuesday, October 16, 12
  19. 19. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs All your bases are to us</p> belongs to us </body> </html>Tuesday, October 16, 12
  20. 20. Rendering Engine <html> <body>   <h1>Hello World</h1> Hello World   <script src="code.js"></script>   <p>All your bases are belongs All your bases are to us</p> belongs to us </body> </html>Tuesday, October 16, 12
  21. 21. DOM :‫שיטת עבודה‬ Div HTML HTMLDivElement JavaScriptTuesday, October 16, 12
  22. 22. DOM Code <p id="text">Hello JavaScript</p> ‫באמצעות משתנים‬ ,HTML ‫המחוברים ל‬ ‫אנו יכולים לשלוט‬ ‫במה שקורה על‬ var p = document.querySelector(p#text); ‫המסך‬Tuesday, October 16, 12
  23. 23. DOM Code <p id="text">Hello JavaScript</p> ‫באמצעות משתנים‬ ,HTML ‫המחוברים ל‬ ‫אנו יכולים לשלוט‬ ‫במה שקורה על‬ var p = document.querySelector(p#text); ‫המסך‬Tuesday, October 16, 12
  24. 24. JS ‫טעינת קובץ‬ <script src="file.js"></script>Tuesday, October 16, 12
  25. 25. JS ‫שינוי צבע ב‬ var p = document.querySelector(p#text); p.style.color = white;Tuesday, October 16, 12
  26. 26. ‫שינוי צבע לפי שעה‬ var         p  = document.querySelector(p#text); p.style.color  = white;   var now = new Date(); if ( now.getMinutes() > 10 ) {         p.style.background = green; } else {         p.style.background = red; }Tuesday, October 16, 12
  27. 27. ...‫מה הלאה‬ https://developer.mozilla.org/en-US/docs/ JavaScript/A_re-introduction_to_JavaScript http://ynonperek.com/javascript-exer.htmlTuesday, October 16, 12
  28. 28. ‫שישה ימים עם‬ ‫ ‬ ‫ג’אווהסקריפט‬‫21 ,61 ‪Tuesday, October‬‬
  29. 29. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JSTuesday, October 16, 12
  30. 30. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS EventsTuesday, October 16, 12
  31. 31. ...‫לכל שאלה‬ me@ynonperek.com http://mobileweb.ynonperek.comTuesday, October 16, 12
  32. 32. ‫טיפול באירועים‬Tuesday, October 16, 12
  33. 33. ‫טיפול באירועים‬ Click Event QueueTuesday, October 16, 12
  34. 34. Main Loop ‫ממתין לאירוע‬ ‫מטפל באירוע‬Tuesday, October 16, 12
  35. 35. Main Loop ‫ממתין לאירוע‬ ‫מטפל באירוע‬Tuesday, October 16, 12
  36. 36. Main Loop ‫ממתין לאירוע‬ ‫מטפל באירוע‬Tuesday, October 16, 12
  37. 37. Event HandlersTuesday, October 16, 12
  38. 38. Event Handlers Html ElementTuesday, October 16, 12
  39. 39. Event Handlers Html Element EventTuesday, October 16, 12
  40. 40. Event Handlers Html Element Event CodeTuesday, October 16, 12
  41. 41. Event Handlers Html Element el.addEventListener Event CodeTuesday, October 16, 12
  42. 42. Event Handlers Html Element el.addEventListener Event Event Handler CodeTuesday, October 16, 12
  43. 43. ‫סוגי אירועים‬ click change dblclick blur submit keypress :‫רשימה מלאה‬ http://www.tutorialspoint.com/html5/ html5_events.htmTuesday, October 16, 12
  44. 44. ...‫מה הלאה‬ Events at MDN: https://developer.mozilla.org/ en-US/docs/DOM/event Example Code: https://github.com/ynonp/6- days-of-javascript Events Exercises: http://ynonperek.com/course/ fed/javascript-dom-ex.htmlTuesday, October 16, 12
  45. 45. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS EventsTuesday, October 16, 12
  46. 46. ...‫לכל שאלה‬ me@ynonperek.com http://mobileweb.ynonperek.comTuesday, October 16, 12
  47. 47. ‫בעבוע אירועים‬ document div imgTuesday, October 16, 12
  48. 48. ‫בעבוע אירועים‬ document div currentTarget img targetTuesday, October 16, 12
  49. 49. ‫בעבוע אירועים‬ document currentTarget div img targetTuesday, October 16, 12
  50. 50. ‫בעבוע אירועים‬ document currentTarget div img targetTuesday, October 16, 12
  51. 51. ‫המשתנה ‪this‬‬ ‫המשתנה ‪ this‬בתוך קוד טיפול באירוע‬ ‫מתייחס לאלמנט שעליו הופעל האירוע‬‫21 ,61 ‪Tuesday, October‬‬
  52. 52. ‫תאימות בין דפדפנים‬ http://www.quirksmode.org/js/ events_advanced.htmlTuesday, October 16, 12
  53. 53. ...‫מה הלאה‬ Events at MDN: https://developer.mozilla.org/ en-US/docs/DOM/event Example Code: https://github.com/ynonp/6- days-of-javascript Events Exercises: http://ynonperek.com/course/ fed/javascript-dom-ex.htmlTuesday, October 16, 12
  54. 54. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events DataTuesday, October 16, 12
  55. 55. ...‫לכל שאלה‬ me@ynonperek.com http://mobileweb.ynonperek.comTuesday, October 16, 12
  56. 56. ‫ארגון מידע‬ ‫מערכים‬ ‫אובייקטים‬‫21 ,61 ‪Tuesday, October‬‬
  57. 57. ‫מערכים‬ ‫מערך הינו רשימה סדורה של ערכים‬‫21 ,61 ‪Tuesday, October‬‬
  58. 58. ‫מערכים‬ ‫מערך הינו רשימה סדורה של ערכים‬ ‫;]7 ,2 ,‪var arr = [1, a, b‬‬‫21 ,61 ‪Tuesday, October‬‬
  59. 59. ‫מערכים‬ ‫מערך הינו רשימה סדורה של ערכים‬ ‫;]7 ,2 ,‪var arr = [1, a, b‬‬ ‫1‬ ‫’‪‘a‬‬ ‫’‪‘b‬‬ ‫2‬ ‫7‬‫21 ,61 ‪Tuesday, October‬‬
  60. 60. ‫מערכים‬ ‫פנייה ישירה לאיבר במערך החל מ-0‬ ‫’‪arr[2] = ‘d‬‬ ‫1‬ ‫’‪‘a‬‬ ‫’‪‘b‬‬ ‫2‬ ‫7‬‫21 ,61 ‪Tuesday, October‬‬
  61. 61. ‫מערכים‬ ‫פנייה ישירה לאיבר במערך החל מ-0‬ ‫’‪arr[2] = ‘d‬‬ ‫1‬ ‫’‪‘a‬‬ ‫’‪‘d‬‬ ‫’‪‘b‬‬ ‫2‬ ‫7‬‫21 ,61 ‪Tuesday, October‬‬
  62. 62. ‫מתי נשתמש במערכים‬ ‫רשימת אנשי קשר‬ ‫רכיבים במתכון‬ ‫רשימת שירים‬ ‫באלבום‬‫21 ,61 ‪Tuesday, October‬‬
  63. 63. ‫אובייקטים‬ ‫אובייקט מאפשר אחסון ערכים על פי מפתחות‬‫21 ,61 ‪Tuesday, October‬‬
  64. 64. ‫אובייקטים‬ ‫אובייקט מאפשר אחסון ערכים על פי מפתחות‬ var me = {   name: Ynon Perek,   web: http://mobileweb.ynonperek.com };Tuesday, October 16, 12
  65. 65. ‫אובייקטים‬ ‫אובייקט מאפשר אחסון ערכים על פי מפתחות‬ var me = {   name: Ynon Perek,   web: http://mobileweb.ynonperek.com }; name Ynon Perek web http://mobileweb.ynonperek.comTuesday, October 16, 12
  66. 66. ‫פנייה ישירה‬ ‫ניתן לבצע פנייה ישירה למפתח באמצעות‬ ‫סוגריים מרובעים או נקודה‬ me[“web”]=http://publicspeakr.blogspot.co.il; me.web = http://publicspeakr.blogspot.co.il; name Ynon Perek web http://mobileweb.ynonperek.comTuesday, October 16, 12
  67. 67. ‫פנייה ישירה‬ ‫ניתן לבצע פנייה ישירה למפתח באמצעות‬ ‫סוגריים מרובעים או נקודה‬ me[“web”]=http://publicspeakr.blogspot.co.il; me.web = http://publicspeakr.blogspot.co.il; name Ynon Perek web http://mobileweb.ynonperek.com http://publicspeakr.blogspot.co.ilTuesday, October 16, 12
  68. 68. ‫פעולות נוספות‬ ‫אפשר לעדכן מפתח לא קיים - ואז הוא יתווסף‬ ‫לאובייקט כמפתח/ערך חדש‬ ‫הפקודה ‪ delete‬מוחקת מפתח/ערך מאובייקט‬‫21 ,61 ‪Tuesday, October‬‬
  69. 69. ‫קריאה ותרגול‬ https://developer.mozilla.org/en-US/docs/ JavaScript/Guide/Working_with_Objects https://github.com/ynonp/6-days-of-javascript http://ynonperek.com/javascript-exer.htmlTuesday, October 16, 12
  70. 70. JavaScript Templates me@ynonperek.com http://mobileweb.ynonperek.comTuesday, October 16, 12
  71. 71. JavaScript TemplatesTuesday, October 16, 12
  72. 72. JavaScript Templates <div class="entry">   <h1>{{name}}</h1>   <span>{{details}}</span> </div>Tuesday, October 16, 12
  73. 73. JavaScript Templates <div class="entry"> {   <h1>{{name}}</h1>   name: "Jimmy Jones",   <span>{{details}}</span>   details: "A friend of Ghandi" </div> }Tuesday, October 16, 12
  74. 74. JavaScript Templates <div class="entry"> {   <h1>{{name}}</h1>   name: "Jimmy Jones",   <span>{{details}}</span> +   details: "A friend of Ghandi" </div> } <div class="entry">   <h1>Jimmy Jones</h1>   <span> A friend of Ghandi </span> </div>Tuesday, October 16, 12
  75. 75. ‫קריאת המשך‬ http://handlebarsjs.com/ https://github.com/ynonp/6-days-of-javascriptTuesday, October 16, 12
  76. 76. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events DataTuesday, October 16, 12
  77. 77. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events Data FunctionsTuesday, October 16, 12
  78. 78. ‫הגדרת פונקציות‬ var foo = function(x, y) {   return x + y; }; function bar(x, y) {   return x + y; }Tuesday, October 16, 12
  79. 79. ‫דוגמאות‬Tuesday, October 16, 12
  80. 80. ‫ארגומנטים‬  var sum = function() {     var sum = 0;       for ( var i=0; i < arguments.length; i++ ) {         sum += arguments[i];     }       return sum; };   console.log(sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10));Tuesday, October 16, 12
  81. 81. ‫ארגומנטים‬ ‫ארגומנט שהועבר בקריאה אבל לא צוין‬ ‫בהגדרה נכנס למערך ‪arguments‬‬ ‫ארגומנט שצוין בהגדרה אבל לא הועבר‬ ‫בקריאה מקבל ערך ‪undefined‬‬‫21 ,61 ‪Tuesday, October‬‬
  82. 82. var :‫משתנים‬ f3 z f2 y f1 xTuesday, October 16, 12
  83. 83. ‫דוגמא: פונקציה‬ ‫ ‬ ‫המייצרת אובייקט‬‫21 ,61 ‪Tuesday, October‬‬
  84. 84. ‫פונקציות בג’אווהסקריפט‬ ‫לפונקציות יש מקום מאוד מרכזי בשפה‬ ‫הן מהוות את הבסיס ל ‪Namespaces & Scoping‬‬ ‫הן מהוות את הבסיס ל ‪Object Oriented‬‬‫21 ,61 ‪Tuesday, October‬‬
  85. 85. ‫הפרמטר ‪this‬‬ ‫לכל פונקציה ניתן להעביר משתנה נוסף‬ ‫שנקרא ‪this‬‬ ‫משתנה זה כולל מידע נוסף שהפונקציה יכולה‬ ‫להתייחס אליו‬ ‫דוגמאות‬‫21 ,61 ‪Tuesday, October‬‬
  86. 86. ‫קריאת המשך‬ https://developer.mozilla.org/en-US/docs/ JavaScript/Guide/Functions http://ynonperek.com/course/mobile/ javascript-exer.htmlTuesday, October 16, 12
  87. 87. ‫שישה ימים עם‬ ‫ג’אווהסקריפט‬ Intro To JS JS Events Data FunctionsTuesday, October 16, 12

×