آموزش جاوااسکریپت از صفر تا حرفه‌ای، با تمرین در مرورگر

// حدس بزنید این خط‌ها به چه ترتیبی چاپ می‌شوند
console.log("A  sync");
 
setTimeout(() => console.log("B  setTimeout 0"), 0);
 
Promise.resolve().then(() => console.log("C  promise.then"));
 
(async () => {
  console.log("D  async function body");
  await null;
  console.log("E  after await");
})();
 
queueMicrotask(() => console.log("F  queueMicrotask"));
 
console.log("G  sync end");

// پیش از + و == جاوااسکریپت نوع‌ها را بی‌صدا تبدیل می‌کند
const show = (v) => (typeof v === "string" ? '"' + v + '"' : String(v));
 
const cases = [
  ['"5" + 2', "5" + 2],
  ['"5" - 2', "5" - 2],
  ["true + true", true + true],
  ["[] + {}", [] + {}],
  ["undefined + 1", undefined + 1],
  ['0 == ""', 0 == ""],
  ['0 === ""', 0 === ""],
  ["null == undefined", null == undefined],
  ["NaN === NaN", NaN === NaN],
];
 
for (const [expr, value] of cases) {
  console.log(expr.padEnd(20) + show(value).padEnd(20) + typeof value);
}

// هر دستگاه شمارندهٔ خودش را دارد و از بیرون نمی‌شود دستکاری‌اش کرد
function ticketMachine(prefix) {
  let count = 0; // این متغیر در بستار (closure) زنده می‌ماند
  return () => {
    count++;
    return prefix + "-" + String(count).padStart(3, "0");
  };
}
 
const bread = ticketMachine("A");
const pastry = ticketMachine("B");
 
console.log(bread(), bread(), bread());
console.log(pastry(), pastry());
console.log(bread());
console.log(typeof count); // count بیرون از تابع وجود ندارد

const orders = [
  { city: "تهران", amount: 450000 },
  { city: "تبریز", amount: 320000 },
  { city: "تهران", amount: 990000 },
  { city: "شیراز", amount: 150000 },
  { city: "تبریز", amount: 610000 },
  { city: "تهران", amount: 275000 },
];
 
// جمع فروش هر شهر با reduce
const byCity = orders.reduce((acc, o) => {
  acc[o.city] = (acc[o.city] ?? 0) + o.amount;
  return acc;
}, {});
 
// مرتب‌سازی از بیشترین فروش و چاپ با رقم‌های فارسی
Object.entries(byCity)
  .sort(([, a], [, b]) => b - a)
  .forEach(([city, total]) => {
    console.log(`${city}: ${total.toLocaleString("fa-IR")} تومان`);
  });

class Wallet {
  #balance = 0; // فیلد خصوصی: بیرون از کلاس دیده نمی‌شود
  #history = [];
 
  deposit(amount) {
    this.#balance += amount;
    this.#history.push("+" + amount);
    return this; // برگرداندن this زنجیره کردن متدها را ممکن می‌کند
  }
 
  withdraw(amount) {
    if (amount > this.#balance) throw new RangeError("not enough balance");
    this.#balance -= amount;
    this.#history.push("-" + amount);
    return this;
  }
 
  get balance() {
    return this.#balance;
  }
 
  get history() {
    return this.#history.join(" ");
  }
}
 
const wallet = new Wallet().deposit(500).deposit(300).withdraw(200);
console.log("balance:", wallet.balance);
console.log("history:", wallet.history);
 
try {
  wallet.withdraw(1000);
} catch (err) {
  console.log(err.name + ":", err.message);
}
 
console.log("public keys:", Object.keys(wallet)); // فیلدهای خصوصی در فهرست نیستند

const log = `
09:14 GET /courses 200
09:15 POST /login 401
09:15 POST /login 200
09:20 GET /courses/python 200
09:21 GET /blog/old-post 404
09:22 GET /courses/sql 200
`;
 
// هر بخش خط یک گروه نام‌دار دارد
const pattern = /(?<time>\d\d:\d\d) (?<method>GET|POST) (?<path>\S+) (?<status>\d{3})/g;
 
const byStatus = {};
for (const match of log.matchAll(pattern)) {
  const { status, path } = match.groups;
  (byStatus[status] ??= []).push(path);
}
 
for (const [status, paths] of Object.entries(byStatus)) {
  console.log(status, paths.length, paths.join(" "));
}