עריכת הדף "JavaScript"

{{להשלים|כל הערך=כן|סיבה=לא מעודכן. כמו כן חסר מידע על שימוש בג'אווה סקריפט כסביבת ריצה עצמאית|נושא=מחשוב}}
{{שפת תכנות
|שם = JavaScript
|סמל=[[קובץ:Javascript.svg|Javascript]]
|פרדיגמות = [[תכנות מונחה דגמי אב]], [[תכנות מונחה אירועים]] 
|שנה= [[1995]]
|מתכנן = 
|מפתח = [[נטסקייפ]]
|גרסה אחרונה= 
|תאריך גרסה אחרונה = 
|טיפוסיות = 
|מימושים = 
|ניבים = 
|הושפעה על ידי = [[שפת ‏C‏]]
|השפיעה על =[[‏jscript‏]]
|רישיון = 
|אתר = 
|סיומת = .js
}}
'''JavaScript''' (ב[[עברית]]: '''ג'אווה סקריפט''') היא [[שפת תכנות דינמית]] [[תכנות מונחה-עצמים|מונחית־עצמים]] המותאמת לשילוב ב[[אתר אינטרנט|אתרי אינטרנט]] ורצה על ידי [[דפדפן אינטרנט|דפדפן האינטרנט]] ב[[צד לקוח|צד הלקוח]]. השפה מרחיבה את יכולות שפת התגיות הבסיסית [[HTML]] ומאפשרת בכך ליצור יישומי אינטרנט מתוחכמים יותר. למעשה, רוב אתרי ה[[אינטרנט]] המודרניים משלבים שפה זו. היא ידועה בעיקר כשפה המוטבעת בדפי HTML על מנת להציג [[דף אינטרנט דינמי|דפים דינמיים]], שמשולבת בהם [[יישום ווב|תוכנה]]. קוד ה־JavaScript שמשולב בדף HTML מבוצע על ידי ה[[דפדפן]]. JavaScript נוחה מאוד לעבודה עם [[DOM]] ולתפעול [[DHTML]].

מעבר לכך יש גם [[סביבת ריצה]] עצמאית שמבוססת על השפה שמשמשת להרצת שרתי אינטרנט ([[Node.js]]) וכן יישומים שולחניים ([[אלקטרון (סביבת ריצה)|אלקטרון]]).

==היסטוריה==
השפה פותחה על ידי חברת [[נטסקייפ]] בשנת [[1995]], ויושמה לראשונה בדפדפן נטסקייפ 2.0. הגרסה הייתה JavaScript 1.0. שמה המקורי היה LiveScript, והוא שונה ל־JavaScript מטעמים של פופולריות וניסיון לעניין את חברת סאן. בנוסף לכתיבת תסריטים בצד הלקוח (בדפדפן), מאפשרת JavaScript כתיבת תסריטים גם ב[[צד שרת|צד השרת]], לתפעול ב[[שרת אינטרנט]]. השפה מזכירה את שפת [[ActionScript]] שמיוחדת ל[[אדובי פלאש|פלאש]]. קיימת גרסה תקנית של השפה הקרויה [[ECMAScript]].

חברת [[מיקרוסופט]] פיתחה שפה מתחרה להפעלה בדפדפן בשם [[VBScript]], אך גרסה זו לא תפסה. בנוסף יצאה מיקרוסופט עם גרסה משלה של שפת JavaScript, והיא קרויה '''JScript'''. דבר זה גרם בעיות רבות בקרב מפתחי האינטרנט, אך בסופו של דבר גם מיקרוסופט אימצה את התקן המקובל של השפה בגרסאות החדשות של [[אינטרנט אקספלורר]] ויותר מכך ב[[מיקרוסופט אדג']].

== איפיוני השפה ==
השפה תומכת בתחביר הסטנדרטי של שפת C, מבחינת [[אופרטור (תכנות)|אופרטורים]], מבני בקרה ופקודות, ומבדילה בין אותיות גדולות לקטנות (case-sensitive). כמו ברוב שפות התסריט טיפוסי השפה מקושרים לערכים ולא למשתנים, משתנה X יכול להפוך במהלך הריצה ממספר למחרוזת לפי ההשמה. 

השפה מבוססת "תכנות מונחה דגמי אב" (Prototypes), שהוא סוג (לא נפוץ) של [[תכנות מונחה-עצמים|תכנות מונחה־עצמים]]. השפה בעיקרה היא שפה מבוססת [[אובייקט (מדעי המחשב)|אובייקטים]] (אפילו טיפוס בוליאני [Boolean] הוא למעשה אובייקט). האובייקטים בשפה הם מערכים אסוציאטיביים. תכנות מונחה עצמים אפשרי, אבל לא בדרך המקובלת של הגדרת מחלקה שאיננה קיימת בשפה, אלא באמצעות יצירת אובייקט והצמדת מאפיינים אליו. כל מאפיין באובייקט יכול לתפקד כ[[משתנה (תכנות)|משתנה]] או [[שגרה (תכנות)|פונקציה]]. ישנם שלושה סוגי אובייקטים: אובייקטים של השפה כמו משתנים (כמו אובייקט תאריכי Date ואובייקט מחרוזתי), אובייקטים של הדפדפן (כמו אובייקטי window ו־document), ואובייקטים שיוצר המשתמש. השפה תומכת בהרחבת מתודות של אובייקטים טבעיים בשפה כמו למשל מחרוזות או Date באמצעות Prototyping. 

השפה היא גם [[תכנות מונחה-אירועים|שפה מונחת־אירועים]] (Events), כך שמהלך ריצת התוכנית מבוסס על אירועים שמתרחשים בזמן ביצועה. לכל אובייקט קיים אוסף אירועים הייחודי לו, והדרך הנפוצה היא לכרוך פונקציות של המשתמש עם אירוע של אובייקט מובנה. להלן רשימה חלקית של האירועים:
{| class="wikitable"
!תיאור
!אירוע
|-
|בעת טעינה
|onload
|-
|בעת לחיצה
|onclick
|-
|בעת סגירת דף
|onabort
|-
|בעת סגירת חלון
|OnUnload
|-
|בעת עזיבת אובייקט
|OnBlur
|-
|בעת שינוי אובייקט
|onchange
|-
|בעת בחירה
|onselect
|-
|בעת משלוח
|onsubmit
|-
|בעת שגיאה
|onerror
|-
|בעת מעבר עכבר
|onmouseover
|-
|בעת עזיבת סימן העכבר את האובייקט
|onmouseout
|}
השפה תומכת ב[[תכנות פונקציונאלי]]. פונקציה בשפה היא אזרחית ממחלקה ראשונה, ולמעשה כל פונקציה היא אובייקט בעצמה. השפה מאפשרת השמה של פונקציות למשתנים, העברה של פונקציה כארגומנט, והגדרת פונקציות אנונימיות. השפה מתממשקת באופן טבעי עם ממשק [[DOM]], המייצג מסמכי HTML ו־XML תוך שימוש ב[[מתודולוגיה]] של תכנות מונחה־עצמים. לשפה תמיכה מובנית ב[[ביטוי רגולרי]].

== דוגמה לתוכנית JavaScript ==

התוכנית המופיעה להלן כתובה בשפת JavaScript, והיא בודקת האם מספר שהועבר אליה הוא [[מספר ראשוני]]. הסימן "<tt>//</tt>" מציין שהטקסט שמימינו אינו חלק מקוד התוכנית, אלא הוא הערה שמטרתה להסביר את התוכנית למתכנת הקורא אותה. התוכנית מחולקת לשתי פונקציות, האחת בודקת האם מספר נתון הוא ראשוני, והשנייה מטפלת בדיאלוג עם המשתמש: קבלת המספר לבדיקה (קלט) והצגת תוצאות הבדיקה (פלט).

<syntaxhighlight lang="JavaScript">
<input type="text" id="primetest" value="" />
<input type="button" onClick="communicate()" value="Check" />

<script type="text/javascript">
function get_factor(n)
{
 let sr = Math.sqrt(n)
 // try to find a factor that is not 1.
 for (let i=2; i<=sr; i+=1) {
   if (n%i == 0) // is n divisible by i?
   return i
 }
 return 1 // n is a prime.
} // End of get_factor function.

function communicate()
{ // communicate with the user.
 let i = document.getElementById("primetest").value; // get checked number, using DOM.
 // is it a valid input?
 if ( isNaN(i) || (i <= 0) || (Math.floor(i) != i) ) {
 alert("The checked object should be a whole positive number");
 return
 }
 let factor = get_factor(i)
 if (factor == 1)
   alert(i + " is a prime")
 else
   alert(i + " is not a prime, " + i + "=" + i/factor +"x"+ factor)
} // End of communication function
</script>
</syntaxhighlight>

== אבטחה בתוכניות JavaScript ==

בתור שפת [[צד לקוח]] שמריצה פקודות על גבי הדפדפן, נוצרו ניסיונות רבים לגניבת מידע אישי על ידי שימוש ב־[[XSS]].
אנשים רבים אינם יודעים שהדפדפן שברשותם מפרש פקודות ומריצן, ואינם מתגוננים עם כלים מתאימים. בעקבות זאת, נוצרו כלים שמשמשים לאבטחה נגד XSS וקוד זדוני כמו ההרחבה noscript לדפדפן [[מוזילה פיירפוקס]].

== JavaScript Manipulation ==
בדפדפנים ישנים ופחות מאובטחים, ניתן להזריק ולהריץ קוד שלא מוזכר כלל בקוד מקור, בכל דף אינטרנט שמופיע בדפדפן. שיטה זו נקראת JavaScript manipulation.
ב־JavaScript manipulation מכניסים את פקודות הסקריפט בשורת הכתובת של הדפדפן, ולרוב הוא מיועד להשפיע על ה־[[DOM]].
דוגמה:
<syntaxhighlight lang="javascript">
javascript: alert(document.cookie);
</syntaxhighlight>
בדוגמה זו נקפיץ באמצעות הפקודה alert תיבת הודעה עם העוגיות ששמורות במחשב לדף זה.

על מנת להגן מפני התקפות הינדוס חברתי (social engineering), השימוש בשיטה זו נחסם בדפדפנים המודרניים. כך לדוגמה, ב[[מוזילה פיירפוקס]] החל מגרסה 6, קוד שהוזרק בשיטה זו לא יתייחס לתוכן הדף, ומשכך, לא יתאפשר לו להשפיע על ה־DOM. ב[[גוגל כרום]] וב[[אינטרנט אקספלורר]] מגרסה 9 ומעלה, כאשר מדביקים כתובות כאלה בשורת הכתובת, הפרוטוקול (javascript:) מושמט מהכתובת המודבקת, ובכך מנטרל את השפעתו של הקוד.

הדבקת הקוד מהדוגמה הקודמת בשורת הכתובת ידביק את הקוד הבא -
<syntaxhighlight lang="javascript">
alert(document.cookie);
</syntaxhighlight>

עם זאת, במרבית הדפדפנים המתקדמים קיימים כלי פיתוח ייעודיים, בהם ניתן לבצע JavaScript manipulation בהיקף נרחב.

== ייבוא קובצי JS ==

ניתן גם לייבא את הסקריפט מתוך קובץ, במקום לכתוב הכל בדף HTML, באמצעות הפרמטר src (קיצור של source) בתגית script.
דוגמה:
<syntaxhighlight lang="html4strict">
<script type="text/javascript" src="filename.js"></script>
</syntaxhighlight>
כאשר filename.js הוא קובץ ה {{משמאל לימין|.js}} אליו מפנים.

קובץ ה־{{משמאל לימין|.js}} מכיל את כל הפקודות המופיעות בתוך התגית <code dir="ltr">{{ללא קוד ויקי|<script>}}</code> ושהדפדפן יריץ.

כמו כן, קובץ JavaScipt יכול לייבא קבצים נוספים שאינם מוצהרים במסמך ה־HTML בצורתו ההתחלתית. לדוגמה:
<syntaxhighlight lang="javascript">
var myScript = document.createElement("script"); // יצירת אלמנט סקריפט חדש
myScript.type = "text/javascript"; // קביעת סוג הסקריפט
myScript.src = "filename.js"; // קבע את הקובץ שיש לייבא
document.head.appendChild(myScript); // הכנס את האלמנט למסמך, על־מנת להריץ אותו
</syntaxhighlight>
בדוגמה זו, ארבע שורות אלה, הכלולות באחד הסקריפטים הקיימים בדף, יוצרות אלמנט script חדש, המייבא את הקובץ "filename.js", ומוסיפות אותו למסמך ה־HTML (לסוף אלמנט ה־head של המסמך).

== ראו גם ==
* [[JQuery]]
* [[ספריית JavaScript]]
* [[node.js]]
* [[דף אינטרנט דינמי]]
* [[TypeScript]]

== קישורים חיצוניים ==
{{מיזמים|ויקיספר=JavaScript}}
* [http://www.w3schools.com/js/default.asp Javascript] - באתר [[W3Schools]], אתר ללימוד שפות מחשב רבות {{אנגלית}}
* [http://sro.co.il/blog/?page=9 JavaScript Manipulation]
* [http://vlib.eitan.ac.il/javascript1/Tutorial/Lesson1/Lesson1_1.html מדריך ללימוד השפה], אתר אית"ן
* [http://webmaster.org.il/articles/js מדריך לימוד השפה], אתר וובמסטר
* [http://www.internet-israel.com/internet/נגישות/javascript-לא-פולשני-unobtrusive-javascript/ JavaScript לא פולשני] <small>מידע טכני</small>

[[קטגוריה:שפות תכנות מונחות עצמים]]
[[קטגוריה:עיצוב אתרי אינטרנט]]
[[קטגוריה:פיתוח יישומי ווב]]
[[קטגוריה:ארצות הברית: המצאות]]
[[קטגוריה:JavaScript|*]]