💎 معرفی متد های atob و btoa

اگر قصد encode یا decode رشته در فرمت Base64 رو دارید میتونید از این دو متد استفاده کنید.

🔶 بدین ترتیب میتوان گفت که متد btoa برای encode کردن یک رشته استفاده میشه و متد atob جهت decode کردن عبارت های encode شده در فرمت Base64 مورد استفاده قرار میگیره.

💬 نکته: این دو متد از نوع WebAPI هستند و در محیط هایی غیر از مرورگر مانند محیط سروری nodejs قابل استفاده نخواهند بود.
#webapi #javascript #nodejs

🌐 @pieceJS

💎 چرا پاسخ NaN==NaN برابر false است؟

💬 تعریف: NaN مقدار شی گلوبالی یا به عبارتی گلوبال اسکوپ است و نماینده عبارت Not a number می باشد.
🔶 این مقدار نه قابل تغییر هست نه قابل شمارش و همچنین قابل پیکربندی هم نیست.
🔶 این مقدار توسط جاوا اسکریپت ابتداع نشده بلکه توسط استاندارد IEEE 754 تعریف شده و رفتار های این عبارت رو خود این استاندارد تعریف کرده است.

✅ از جمله این رفتار ها میتوان به نابرابری این عبارت با هر عبارت دیگه اشاره کرد. در واقع هرگاه پای مقایسه ای در میان باشه که یک طرف آن عبارت NaN قرار داشته باشه، همیشه پاسخ false خواهد بود مگر در حالتی که آن مقایسه NaN!==NaN باشد که در این صورت پاسخ true خواهد بود

#سوال_کاربران
#javascript

🌐 @pieceJS

💎 کاربرد createTextNode در جاوا اسکریپت چیست؟

ابتدا به این بپردازیم که تو جاوا اسکریپت، نود به چه معناست؟
خیلی ساده بخوام بگم اینکه به تمامی عناصر درون یک صفحه HTML نود میگیم.
🔸 نود ها میتونند عنصر، خصوصیت یا حتی تکست باشند.

▫️نکته: نود هیچ ارتباطی با رانتایم Node.js نداره و صرفاً تو اسمشون شباهت هایی وجود داره

حالا میتونیم بپردازیم به کاربرد createTextNode در جاوا اسکریپت:
🔸با استفاده از این متد، قادر خواهید بود تکست نود ها را ایجاد و آن ها رو درون نود های عنصری append کنید.

به عنوان مثال میتونید تکست نود عبارت Hello World رو به وسیله این متد ایجاد کنید سپس درون المنت p یا span یا هر المنت دیگه ای append کنید. در این صورت یک المنت نودی به نام p دارید که دارای تکست نودی با عبارت Hello World است.


#سوال_کاربران
#javascript

🌐 @pieceJS

💎 معرفی داکیومنت جدید کتابخونه React.js

یک هفته ای میشه که ریکت از نسخه جدید داکیومنت خودش به آدرس زیر رونمایی کرده.
بسیار کامل و بینظیر شده، پیشنهاد میکنم حتماً یه نگاهی بهش بندازید.

👈🏻 مشاهده داکیومنت 👉🏻

#معرفی
#javascript #reactjs

🌐 @pieceJS

💎 فرق ?? و || در جاوااسکریپت چیه؟

const age = props.age ?? "";

حالا چرا به‌ جای || از ?? استفاده شده؟ 🧐

تفاوتش اینجاست:

🔷 اپرتور ?? فقط وقتی مقدار null یا undefined باشه، سمت راست رو جایگزین می‌کنه.

🔷 ولی || هر چیزی که Falsy باشه (مثل "", 0, false) رو رد می‌کنه!

نمونش:

const a = "" ?? "default"; // => ""
const b = "" || "default"; // => "default"

پس اگه می‌خوای مقدارهایی مثل "" یا 0 رو نگه داری، از ?? استفاده کن!

#JavaScript #CodeTips #React


🌐 @pieceJS