Anophel | آنوفل
149 subscribers
278 photos
294 links
آنوفل | Anophel: دنیای بی ‌پایان امکانات برای برنامه‌ نویسان

https://anophel.com

پشتیبانی :
@anophel_support
Download Telegram
ساخت یک معماری فرانت اند تمیز و مقیاس پذیر

🔺 همانطور که چشم انداز دیجیتال همچنان به تکامل خود ادامه می دهد، اهمیت معماری frontend برای برنامه های کاربردی وب را نمی توان دست کم گرفت. یک معماری ظاهری خوب طراحی شده نه تنها تجربه کاربر را افزایش می دهد، بلکه قابلیت نگهداری و مقیاس پذیری پروژه را نی...

🌐 : ساخت یک معماری فرانت اند تمیز و مقیاس پذیر

#فرانت_اند #frontend #react #nextjs
💠امروز میخوام درباره 8 تا از راه های استفاده از Shallow Copy تو جاوااسکریپت براتون بگم.

🔺در جاوا اسکریپت، یک Shallow Copy یک کپی از یک آبجکت یا آرایه ای است که در آن فقط ساختار سطح بالا کپی شده، در حالی که ساختارهای تودرتو هنوز ارجاع داده می شوند.

🔺اولی Spread syntax (…):

با استفاده از این می تونید از آرایه یا آبجکت یک کپی بگیرید

🔺دومی Array.from() :
اینم آرایه هایی که شبیه آبجکت هستن یا آبجکت iterable هستند رو به أآرایه تبدیل می کند.

🔺سومی Object.assign() :
پراپرتی ها را از یک یا چند آبجکت منبع به یک آبجکت هدف کپی می‌کند و آبجکت مورد نظر را تغییر می‌دهد.

🔺چهارمی Array.prototype.concat() :
اینم با ترکیب یک مقدار یا یک آرایه موجود به یک آرایه جدید یک shallow Copy ایجاد می کند.

🔺پنجمی Array.prototype.slice() :
با اینم بخشی از آرایه رو اسلایس می کنید و یک آرایه جدید می سازید و یک Shallow Copy ایجاد می کند.

🔺ششمی Object.keys():
با استفاده از این هم می تونید یک Shallow Copy از پراپرتی های یک آبجکت بگرید.

🔺هفتمی اپراتور =
با اساین کردن یک مقدار به یک متغیر دیگر، یک shallow copy ایجاد می کند.

🔺هشتمی Object.create() :
از آبجکت نمونه یک آبجکت جدید همراه با پراپرتی ها می سازد.


🔸بر اساس سناریویی که دارید می تونید از یکی از روش های بالا استفاده کنید.

💙آنوفل | Anophel

#جاوااسکرپیت #فرانت_اند #ری_اکت #js #javascript #frontend #react
Please open Telegram to view this post
VIEW IN TELEGRAM