جلسه اول - اولین آشنایی با سینتکس جاوااسکریپت

بخش ۱: اولین آشنایی با سینتکس جاوااسکریپت

۱. جملات (Statements)

جاوااسکریپت از “جملات” تشکیل شده. هر جمله یک دستورالعمل است که به کامپیوتر می‌گوید یک کار خاص را انجام دهد. مثلاً:

let name = "آرش"; // این یک جمله است
console.log("سلام!"); // این هم یک جمله دیگر است

۲. سمیکالن (;)

سمیکالن مثل نقطه در فارسی است و نشان می‌دهد یک جمله تمام شده است.

  • اختیاری اما توصیه شده: جاوااسکریپت خودش می‌تواند سمیکالن بگذارد، اما گاهی اشتباه می‌کند. بهتر است همیشه خودمان سمیکالن بگذاریم.

۳. توکن‌ها (Tokens) - بلوک‌های ساختمانی کد

وقتی کد می‌نویسیم، کامپیوتر کد ما را به تکه‌های کوچکی به نام “توکن” تقسیم می‌کند:

  • کلمات کلیدی: کلمات مخصوص جاوااسکریپت مثل let, if, for
  • شناسه‌ها: اسم‌هایی که ما می‌سازیم مثل اسم متغیرها
  • عملگرها: علامت‌های ریاضی مثل +, -, =
  • مقادیر: اعداد، متن‌ها ("سلام"), true, false
  • علائم: {}, (), ;

مثال: در جمله let score = 100; توکن‌ها اینها هستند:

  • let (کلمه کلیدی)
  • score (شناسه)
  • = (عملگر)
  • 100 (مقدار عددی)
  • ; (علامت)

۴. قانون نام‌گذاری متغیرها (Identifiers)

وقتی می‌خواهیم اسمی برای متغیر انتخاب کنیم:

  • باید با حرف، $ یا _ شروع شود
  • می‌تواند شامل حروف، اعداد، $ و _ باشد
  • نمی‌تواند از کلمات مخصوص جاوااسکریپت باشد

مثال‌های درست: name, _count, $element, user1 مثال‌های نادرست: 1stPlace (شروع با عدد), let (کلمه مخصوص)

۵. درج خودکار سمیکالن (ASI) - مراقب باش!

جاوااسکریپت سعی می‌کند خودش سمیکالن بگذارد، اما گاهی اشتباه می‌کند:

مثال خطرناک:

// این کد مشکل دارد!
return
{
    name: "مهیار"
};

جاوااسکریپت این کد را اینطور می‌بیند:

return; // اینجا سمیکالن گذاشته!
{
    name: "مهیار"
}; // این بخش دیگر ارتباطی با return ندارد

راه درست:

return {
    name: "مهیار"
};

سؤالات تمرینی بخش ۱:

۱. در جمله زیر، هر کدام از توکن‌ها را نام ببر و بگو از چه نوعی هستند:

let age = 25;

۲. کدام یک از اسم‌های زیر برای متغیر درست است؟ چرا؟

  • firstName
  • first-name
  • 1stPlayer
  • _email

۳. مشکل کد زیر چیست؟

const user = { name: "سارا", age: 20 }
['name'].toUpperCase();