مبانی جاوا اسکریپت

ساختار دستوری، متغیرها (var، let، const)، کامنت‌ها، قالب‌های متنی و تخریب ساختار در جاوا اسکریپت

ساختار دستوری (Syntax)

جاوا اسکریپت مانند بیشتر زبان‌های خانواده C از ساختار دستوری مشابه استفاده می‌کند:

دستورها و عبارت‌ها

دستور (Statement) یک فرمان کامل است که کاری انجام می‌دهد. عبارت (Expression) تکه‌ای از کد است که یک مقدار تولید می‌کند:

// دستور (Statement):
let x = 5;

// عبارت (Expression):
x + 10; // مقدار 15 را تولید می‌کند

کامنت‌ها (Comments)

کامنت‌ها توضیحاتی هستند که اجرا نمی‌شوند و برای خوانایی کد نوشته می‌شوند:

// این یک کامنت تک‌خطی است

/*
این یک کامنت
چندخطی است
*/

/**
 * کامنت مستندسازی (JSDoc)
 * @param {number} a - عدد اول
 */

متغیرها (Variables)

متغیر مانند یک جعبه برچسب‌دار است که مقداری را در خود نگه می‌دارد. در جاوا اسکریپت سه کلمه کلیدی برای تعریف متغیر داریم:

var — روش قدیمی

let — روش مدرن

const — ثابت‌ها

ویژگیvarletconst
محدودهFunctionBlockBlock
تعریف مجددبلهخیرخیر
تغییر مقداربلهبلهخیر
HoistingundefinedTDZTDZ

شناسه‌ها و کلمات کلیدی

نام متغیر (Identifier) باید قوانین زیر را رعایت کند:

روش‌های نام‌گذاری:

قالب‌های متنی (Template Literals)

از ES6 به بعد می‌توان رشته‌ها را با بک‌تیک (`) تعریف کرد که امکانات بیشتری می‌دهد:

تخریب ساختار (Destructuring)

Destructuring روشی برای استخراج مقادیر از آرایه‌ها یا اشیا و قرار دادن آن‌ها در متغیرهای جداگانه است:

// Destructuring آرایه:
const colors = ["قرمز", "سبز", "آبی"];
const [first, second, third] = colors;

// Destructuring آبجکت:
const user = { name: "علی", age: 25 };
const { name, age } = user;

// مقدار پیش‌فرض:
const { city = "تهران" } = user;

// تغییر نام:
const { name: userName } = user;

عملگر گسترش و باقی‌مانده (Spread و Rest)

عملگر ... بسته به محل استفاده دو نقش دارد:

جمع‌بندی

این مبحث بخشی از دوره آموزش کامل جاوا اسکریپت است.

ابزارهای مرتبط