JavaScript

תחביר בסיסי

מבנה בסיסי של קוד

JavaScript מורכבת מפקודות (statements) שמבוצעות בזו אחר זו מלמעלה למטה.

// פקודה ראשונה
console.log("שלום");

// פקודה שנייה
console.log("עולם");

נקודה-פסיק (Semicolon)

נקודה-פסיק ; מסמנת סוף פקודה:

// עם נקודה-פסיק (מומלץ)
let name = "דן";
console.log(name);

// בלי נקודה-פסיק (עובד, אבל פחות מומלץ)
let age = 25
console.log(age)

💡 המלצה: השתמשו תמיד בנקודה-פסיק לבהירות ומניעת באגים.

הערות (Comments)

הערות הן טקסט שהמחשב מתעלם ממנו - מיועדות לתיעוד והסברים.

הערה בשורה אחת

// זו הערה - המחשב מתעלם ממנה
let x = 5; // אפשר גם בסוף שורה

הערה מרובת שורות

/*
    זו הערה ארוכה
    שמשתרעת על
    כמה שורות
*/
let y = 10;

מתי להשתמש בהערות?

// ✅ טוב - מסביר למה, לא מה
// מחשב מחיר עם הנחה של 10% ללקוחות ותיקים
let finalPrice = price * 0.9;

// ❌ לא טוב - מסביר את המובן מאליו
// מגדיר משתנה x שווה ל-5
let x = 5;

רגישות לאותיות (Case Sensitivity)

JavaScript מבדילה בין אותיות גדולות וקטנות:

// אלה שלושה משתנים שונים!
let name = "דן";
let Name = "דנה";
let NAME = "דני";

console.log(name);  // "דן"
console.log(Name);  // "דנה"
console.log(NAME);  // "דני"

⚠️ שימו לב: console.log ≠ Console.Log ≠ CONSOLE.LOG

רווחים והזחות (Whitespace & Indentation)

JavaScript מתעלמת מרווחים מיותרים, אבל הזחות חשובות לקריאות:

// ❌ קשה לקריאה
if(age>18){console.log("בגיר")}

// ✅ קריא ומסודר
if (age > 18) {
    console.log("בגיר");
}

כללי הזחה

• השתמשו ב-2 או 4 רווחים (עדיף דרך Tab)
• כל בלוק קוד בתוך { } מוזח פנימה
• היו עקביים לאורך כל הקוד

function greet(name) {
    if (name) {
        console.log("שלום " + name);
    } else {
        console.log("שלום אורח");
    }
}

console.log - הדפסה למסוף

הפקודה הכי חשובה למתחילים! מדפיסה מידע למסוף (Console).

שימוש בסיסי

console.log("שלום עולם!");        // טקסט
console.log(42);                   // מספר
console.log(true);                 // ערך בוליאני
console.log(3.14);                 // מספר עשרוני

הדפסת מספר ערכים

console.log("שמי", "דן");              // שמי דן
console.log("הגיל שלי:", 25);          // הגיל שלי: 25
console.log(1, 2, 3, 4, 5);            // 1 2 3 4 5

הדפסת משתנים

let name = "דנה";
let age = 30;

console.log(name);                     // דנה
console.log("שם:", name, "גיל:", age); // שם: דנה גיל: 30

Template Literals (מומלץ!)

let name = "דן";
let age = 25;

// שימוש ב-backticks (`) ו-${}
console.log(`שמי ${name} ואני בן ${age}`);
// פלט: שמי דן ואני בן 25

סוגי console נוספים

console.log("מידע רגיל");           // הדפסה רגילה
console.warn("אזהרה!");             // אזהרה (צהוב)
console.error("שגיאה!");            // שגיאה (אדום)
console.info("מידע");               // מידע
console.table([1, 2, 3]);           // הצגה כטבלה

בלוקים של קוד

בלוק קוד מוגדר על ידי סוגריים מסולסלים { }:

// בלוק של if
if (condition) {
    // קוד בתוך הבלוק
    console.log("התנאי התקיים");
}

// בלוק של פונקציה
function sayHello() {
    // קוד בתוך הפונקציה
    console.log("שלום!");
}

// בלוק של לולאה
for (let i = 0; i < 5; i++) {
    // קוד שחוזר על עצמו
    console.log(i);
}

מילים שמורות (Reserved Words)

מילים ש-JavaScript משתמשת בהן ואסור להשתמש בהן כשמות משתנים:

// ❌ שגיאה! אלה מילים שמורות
let if = 5;
let function = "שלום";
let return = true;

// ✅ תקין
let myIf = 5;
let myFunction = "שלום";
let returnValue = true;

רשימה חלקית של מילים שמורות

break, case, catch, continue, debugger, default, delete,
do, else, finally, for, function, if, in, instanceof,
new, return, switch, this, throw, try, typeof, var,
void, while, with, class, const, let, export, import,
extends, static, super, yield

סדר הביצוע

הקוד מתבצע מלמעלה למטה, שורה אחרי שורה:

console.log("1 - ראשון");
console.log("2 - שני");
console.log("3 - שלישי");

// פלט:
// 1 - ראשון
// 2 - שני
// 3 - שלישי

יוצאי דופן

• פונקציות - מוגדרות אבל לא רצות עד שקוראים להן
• קוד אסינכרוני - יכול לרוץ מאוחר יותר

console.log("1");

function hello() {
    console.log("2 - בתוך הפונקציה");
}

console.log("3");
hello();  // קריאה לפונקציה
console.log("4");

// פלט:
// 1
// 3
// 2 - בתוך הפונקציה
// 4

איפה לכתוב JavaScript?

1. בתוך HTML (Inline)

<button onclick="alert('לחצת!')">לחץ עליי</button>

2. בתג script בתוך HTML

<script>
    console.log("שלום!");
</script>

3. בקובץ חיצוני (מומלץ!)

<!-- index.html -->
<script src="app.js"></script>

// app.js
console.log("שלום מקובץ חיצוני!");

💡 המלצה: תמיד השתמשו בקובץ חיצוני לקוד JavaScript.

סיכום כללי התחביר