Skip to main content

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

سلام رفیق! 😄 تو این بخش ما به مبانی زبان جاوااسکریپت می‌پردازیم. از متغیرها و انواع داده‌ها تا عملگرها و نحو ساخت فایل‌های جاوااسکریپت رو مرور می‌کنیم. بیا با هم شروع کنیم!

۱. متغیرها و انواع داده‌ها​

الف) معرفی var, let و const​

در جاوااسکریپت سه روش اصلی برای تعریف متغیر داریم:

  • var: روش قدیمی و دارای محدودیت‌هایی از قبیل hoisting و محدوده تابع.
  • let: روش جدیدتر، دارای محدوده بلوکی و مناسب برای استفاده در حلقه‌ها و شرط‌ها.
  • const: برای مقادیر ثابت؛ یعنی وقتی مقدار یک متغیر رو تعریف کردی، قابل تغییر نیست.

نمونه کد:

// استفاده از var
var name = "Ali";
console.log(name); // "Ali"

// استفاده از let
let age = 25;
age = 26;
console.log(age); // 26

// استفاده از const
const PI = 3.14;
// PI = 3.1415; // این خط خطا می‌ده چون مقدار ثابت است!
console.log(PI); // 3.14

ب) انواع داده‌ای پایه​

جاوااسکریپت انواع داده‌ای زیر رو به ما می‌ده:

  • Number: برای اعداد (مثلاً 10, 3.14)
  • String: برای متن‌ها (مثلاً "Hello World" یا 'سلام')
  • Boolean: برای مقادیر منطقی (true یا false)
  • Undefined: وقتی متغیری تعریف شده ولی مقداری بهش اختصاص نداده باشیم
  • Null: به معنی خالی بودن یا نداشتن مقدار
  • Symbol: نوع داده‌ای جدید برای ایجاد شناسه‌های یکتا
  • Object: برای مجموعه‌ای از داده‌ها و ویژگی‌ها
// Number
let count = 10;

// String
let greeting = "سلام دنیا";

// Boolean
let isActive = true;

// Undefined
let someVar;
console.log(someVar); // undefined

// Null
let nothing = null;

// Symbol
let sym = Symbol("identifier");

// Object
let person = {
  name: "Ali",
  age: 25
};

console.log(person.name); // "Ali"

۲. عملگرها​

جاوااسکریپت عملگرهای مختلفی داره که شامل موارد زیر هستند:

الف) عملگرهای ریاضی​

عملگرهای ریاضی برای انجام محاسبات عددی استفاده می‌شن:

let a = 10, b = 3;
console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.333...
console.log(a % b); // 1 (باقیمانده)

ب) عملگرهای منطقی​

عملگرهای منطقی شامل AND &&، OR || و NOT ! هستن:

console.log(true && false); // false
console.log(true || false); // true
console.log(!true);         // false

ج) عملگرهای مقایسه‌ای​

برای مقایسه مقادیر از عملگرهایی مثل ==, ===, !=, !==, <, >, <=, >= استفاده می‌کنیم:

console.log(5 == "5");  // true (تبدیل نوع اتفاق می‌افته)
console.log(5 === "5"); // false (بدون تبدیل نوع)
console.log(10 > 5);    // true

۳.اصول تبدیل نوع داده (Type Coercion)​

جاوااسکریپت به صورت خودکار نوع داده‌ها رو در برخی موارد تبدیل می‌کنه.این موضوع می‌تونه باعث سردرگمی بشه؛پس بهتره دقیق باشیم!😅

console.log("5" + 3); // "53" (تبدیل عدد به رشته)
console.log("5" - 3); // 2   (تبدیل رشته به عدد)
console.log(5 == "5"); // true (تبدیل نوع اتفاق می‌افته)

۴.نحو (Syntax) و فضای کاری​

در این بخش با ساختار فایل‌های جاوااسکریپت و نکات مربوط به خوانایی کد آشنا می‌شویم.

الف) ساختار یک فایل جاوااسکریپت​

یک فایل جاوااسکریپت معمولاً شامل موارد زیر است:

  • تعریف متغیرها
  • تابع‌ها
  • دستورها
  • کامنت‌ها
// فایل script.js

// تعریف متغیر
let message = "سلام دنیا";

// تعریف تابع
function sayHello() {
  console.log(message);
}

// فراخوانی تابع
sayHello();

ب) اصول بامفهوم و خوانایی کد​

برای خوانایی کد نکات زیر مهم هستند:

  • استفاده از نام‌های معنی‌دار: متغیرها و توابع را با نامی مناسب انتخاب کن.
  • استفاده از کامنت‌ها: توضیح کدهایی که ممکن است برای دیگران یا حتی خودت بعداً نامفهوم باشند
  • فرمت‌بندی منظم: از تورفتگی (indentation) مناسب استفاده کن تا ساختار کد واضح باشد.
  • عدم استفاده بیش از حد از خطوط طولانی: سعی کن هر خط کد خیلی طولانی نشود.
// تابعی برای محاسبه مجموع دو عدد
function sum(a, b) {
  return a + b;
}

let result = sum(5, 3);
console.log("نتیجه:", result); // نتیجه: 8

با آرزوی موفقیت
تیم برندآرا 🤖