برچسب گذاری شرط ها ( Labelled Statements ) در جاوااسکریپت ✌️

💎در جاوااسکریپت می‌تونید به هر statement یک برچسب (label) اختصاص بدید و بعد از اون برچسب برای کنترل جریان برنامه استفاده کنید. این ویژگی بیشتر برای کنترل جریان در حلقه‌ها (loops) به کار می‌ره. این مثال رو ببینیم تا بهتر متوجه کاربردش بشیم:

outerLoop: for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 3; j++) {
        if (i === 1 && j === 1) {
            break outerLoop;
        }
        console.log(`i = ${i}, j = ${j}`);
    }
}

✔️در واقع خروجی به این شکله:

i = 0, j = 0
i = 0, j = 1
i = 0, j = 2
i = 1, j = 0

✨و وقتی که i و j هر دو برابر 1 میشن، لوپ بزرگتر ما break میشه و میره خونشون.
و برنامه میره ادامه کارش(یا مثل این مثال، تموم میشه)

#javascript #js #trick
☕️ @CodeExplore

کاربرد اعداد BigInt در جاوااسکریپت ✌️

میدونستین توی جاوااسکریپت این شرط برقراره؟

console.log(9999999999999999 === 10000000000000000);
 // true

اما چرا؟ چون توی جاوااسکریپت، بزرگترین عدد صحیحی که می‌تونین با دقت کامل توی متغیرها ذخیره کنید، Number.MAX_SAFE_INTEGER هست که برابر با 9007199254740991 است. اگه عددی بزرگتر از این باشه، جاوااسکریپت دیگه نمی‌تونه به درستی اون رو مدیریت کنه و مقایسه‌اش دقیق نیست.

راه حلش چیه؟ باید اعدادتون رو BigInt تعریف کنید. چطوری؟ اینطوری:

let bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); 

//1234567890123456789012345678901234567890n

البته میتونید اینکار رو هم بکنید:

let number= 42
let bignumber = BigInt(number)

#javascript #js #trick
☕️ @CodeExplore

جاوااسکریپت چطوری خلق شد؟ ✌️

📌یه نکته جالب درباره جاوااسکریپت که خیلی‌ها نمی‌دونن اینه که جاوااسکریپت در اصل در ۱۰ روز توسط یک برنامه‌نویس به نام برندان آیک ساخته شد! اون زمان شرکت Netscape به سرعت به یه زبان اسکریپت‌نویسی برای وب نیاز داشت تا بتونه با رقبا رقابت کنه. این زبان اول به نام Mocha معرفی شد، بعد اسمش شد LiveScript و نهایتاً برای استفاده از شهرت جاوا، اسمش رو به جاوااسکریپت تغییر دادن، با اینکه ارتباط زیادی با جاوا نداره.

💥در واقع، جاوااسکریپت خیلی سریع طراحی شد و انتظار نمی‌رفت که تبدیل به یکی از مهم‌ترین زبان‌های وب بشه!

#javascript #js
☕️ @CodeExplore

تناقض عجیب در جاوااسکریپت ✌️

🙂خب میدونین که از typeof برای تشخیص دادن جنس مقادیر استفاده میشه، مثلا اگر بنویسیم

console.log(typeof 1);

بهتون خروجی number رو برمیگردونه. حالا، بیاین ببینیم اگر بهش null بدیم چی میشه؟

console.log(typeof null)
//خروجی: object

🤯چرا؟ در واقع null توی جاوااسکریپت به عنوان آبجکت شناخته میشه، این داستان یه باگ تاریخیه توی جاوااسکریپت، که از نسخه های ابتداییش مونده و به دلایلی برای سازگاری عقب رو نگه داشتنش و هنوزم وجود داره.

خلاصش که توی جاوااسکریپت null به عنوان یه آبجکت شناخته میشه در حالی که واقعا شئ نیست و به عنوان "هیچی" میشناسیمش 🥲

#javascript #js
☕️ @CodeExplore

اگه دنبال یه سایت خفن برای جاوااسکریپت هستین، این سایت واقعاً عالیه و همه چیز رو از مبانی تا مباحث پیشرفته جاوااسکریپت توضیح داده. آموزش‌هاش خیلی خوب و ساده نوشته شده و تو هر مبحث کلی مثال کاربردی می‌زنه.

🔗 JavaScript.info

#site #javascript #js
☕️ @CodeExplore

خروجی این کد چیه؟

(function() {
  var a = b = 5;
})();

console.log(b);

#js #javascript #quiz
☕️ @CodeExplore

چرا نباید از setTimeout در جاوااسکریپت استفاده کنیم؟ مرهم این موضوع 👀

❗️ در جاوااسکریپت، setTimeout یک تابع پرکاربرد برای اجرای کد بعد از گذشت زمانی مشخص است. اما استفاده از این تابع می‌تواند مشکلاتی ایجاد کند که به مرور باعث کاهش کارایی و افزایش پیچیدگی کدها می‌شود. در این مقاله، به دلایل اصلی عدم استفاده از setTimeout و جایگزین‌های بهتر مانند Promise و async/await می‌پردازیم.

🌕 برای مشاهده کامل مقاله کلیک کنید.

#js #javascript #settimeout #promise #async #await #tricks #tips #programming
☕️ @CodeExplore

‏WebAssembly در فرانت‌اند: تحولی برای عملکرد بالاتر 🔥

📣‏WebAssembly (Wasm) یکی از جدیدترین تکنولوژی‌ها در دنیای وب هست که به توسعه‌ دهندگان امکان می‌ده تا کدهای سطح پایین و بهینه‌ای رو روی مرورگرهای وب اجرا کنن. این تکنولوژی برای برنامه‌هایی که به سرعت و عملکرد بالایی نیاز دارن، مثل بازی‌های وب و برنامه‌های محاسباتی سنگین، بسیار کاربردی هست. در این مقاله، به بررسی WebAssembly، مزایای آن در فرانت‌اند، و چگونگی استفاده از آن خواهیم پرداخت.

🌕 برای مشاهده کامل مقاله کلیک کنید.

#webassembelly #frontend #js #html #css #javascript #programming
☕️ @CodeExplore