فهرست مندرجات[پنهان شدن][نمایش]
- 1. دانش پایه خود را بهبود بخشید
- 2. از یک استراتژی شی گرا استفاده کنید
- 3. از توابع حتی اگر کوچک هستند استفاده کنید
- 4. به جای == از === استفاده کنید
- 5. از JSLint استفاده کنید
- 6. اسکریپت ها باید در پایین صفحه شما قرار گیرند
- 7. سریعترین راه برای ساخت یک رشته
- 8. یک نظر به کد خود اضافه کنید
- 9. از Template Literals استفاده کنید
- 10. تکرار کننده ها و برای … حلقه ها
- 11. به جای شیء جدید () از {} استفاده کنید
- 12. قرار دادن let و const را در کد خود در نظر بگیرید
- 13. eval() ایده خوبی نیست
- 14. Spread Operator مفید است
- 15. انتظار و غیر همگام
- 16. از متد include() در جاوا اسکریپت استفاده کنید
- 17. موارد را از یک آرایه با استفاده از Splice حذف کنید
- 18. از تابع پیکان استفاده کنید
- 19. با Destructuring می توانید به سرعت مقادیر متغیر را اختصاص دهید
- 20. چندین پروژه بسازید
- نتیجه
اگر تا به حال به توسعه وب علاقه داشته اید، احتمالاً با جاوا اسکریپت برخورد کرده اید. یک زبان برنامه نویسی شی گرا جاوا اسکریپت است. توسعه دهندگان از آن برای پویا و تعاملی کردن صفحات وب در سمت کلاینت (جلو صفحه) استفاده می کنند.
همچنین برای ایجاد صفحات وب و برنامه های وب با HTML و CSS استفاده می شود. امروزه هیچ صفحه وب در اینترنت وجود ندارد که کد جاوا اسکریپت نداشته باشد. این به جنبه ای جدا نشدنی از کار یک توسعه دهنده تبدیل شده است.
در واقع، به طور پیوسته در حال افزایش است. اگرچه جاوا اسکریپت برای ارائه عملکرد به صفحات وب شناخته شده است، اما در محیط های غیر جاوا اسکریپت نیز استفاده می شود. Node.js، Apache Couch-DB و Adobe Acrobat نمونه هایی از این فناوری ها هستند. برای اجرای جاوا اسکریپت، اکثر مرورگرهای وب مدرن دارای موتور اجرای جاوا اسکریپت هستند. اگر می خواهید یک توسعه دهنده وب موفق باشید، باید با جاوا اسکریپت سر و کار داشته باشید.
امروز یا فردا باید با آن مقابله کنید. چرا جاوا اسکریپت را از قبل یاد نمی گیرید تا زمانی که زمانش رسید آماده باشید؟
این چیزی است که در این جلسه خواهید آموخت. این توضیح می دهد که چگونه با صیقل دادن جاوا اسکریپت خود یک قدم جلوتر از توسعه دهندگان وب دیگر خود بمانید.
شروع کنیم!
1. دانش پایه خود را بهبود بخشید
من با یک فکر و بیانیه واقعاً اساسی شروع می کنم که از دوران جوانی شنیده اید. اصول را بیاموزید و آنها را عملی کنید. بسیاری از اوقات، منطق را با کدنویسی اعمال میکنید، اما فراموش میکنید که قبلاً یک تابع داخلی برای آن وجود دارد، مانند برش دادن یک آرایه. هنگامی که کد جاوا اسکریپت را اجرا می کنید، می توانید با خطا مواجه شوید و در نتیجه بسیاری از ویژگی های اضافی کار نمی کنند.
این می تواند توسط یک کولون یا کاما معکوس ایجاد شود. این موارد در نتیجه عدم درک اصول اولیه رخ می دهد. بسیاری از اوقات در یک برنامه واحد، یک حلقه اساسی مانند for، which یا do while به کار می رود. حلقه ها یکی از اساسی ترین سازه های برنامه نویسی هستند.
اگر با حلقه و دیگر اصول اولیه آشنا نباشید، کدنویسی و حتی فرصت کار برای یک شرکت بسیار دشوار است. بررسی اصول اساسی شما بسیار مهم است زیرا آنها یک پایه محکم برای توسعه منطق پیچیده راه حل و شهرت ارائه می دهند.
2. از یک استراتژی شی گرا استفاده کنید
امروزه روش شی گرا شناخته شده ترین روش برنامه نویسی است. رویکرد شی گرا، که با C++ آغاز شد، از آن زمان به شدت محبوبیت یافته است. امروزه فقط از برنامه نویسی شی گرا برای ایجاد تمامی زبان های اصلی استفاده می شود. یک استراتژی شی گرا استراتژی است که بر روی یک شی خاص متمرکز است.
سپس آیتم به یک موجود اساسی تبدیل می شود. سپس از این شی برای افزودن ویژگی ها و توابع به صفحه به عنوان پایه استفاده می شود. همچنین می توانید از روش سنتی ایجاد کد از بالا به پایین بدون هیچ توابع یا شی استفاده کنید. این بسیار گسترده است و هرگز نباید تلاش کرد. هنگام توسعه کد، باید از یک رویکرد تابعی استفاده کنیم و اگر از توابع استفاده می کنیم، باید از اشیاء استفاده کنیم.
بنابراین، در ابتدا سعی کنید کد گسترده خود را به کد شی گرا تبدیل کنید و همیشه کد خود را به سبک شی گرا بنویسید. وقتی کدهای دیگران را مطالعه می کنید، دائماً به دنبال تکنیک های شی گرا خواهید بود. اگر میخواهید بر جاوا اسکریپت مسلط شوید، بهتر است آن را در اختیار داشته باشید.
3. از توابع حتی اگر کوچک هستند استفاده کنید
برنامه نویسی با رویکرد کاربردی راه فوق العاده ای است. چرا؟ این نرم افزار شما را به ماژول هایی جدا می کند که با هم کار می کنند اما هنوز از یکدیگر متمایز هستند. اجازه بدهید مثالی بزنم تا بفهمید.
ریشه میانگین مربع اعداد صحیح را می توان با استفاده از یک تابع محاسبه کرد. برای انجام این کار، باید اعداد صحیح را مربع کنید، میانگین آنها را محاسبه کنید و سپس جذر میانگین را محاسبه کنید. سه مرحله در این فرآیند وجود دارد. در نتیجه می توانیم از سه تابع استفاده کنیم. اما، همانطور که می بینید، همه این توابع به هم مرتبط هستند. خروجی یکی به دیگری ارسال می شود و ما نتیجه نهایی را دریافت می کنیم.
بیایید وانمود کنیم که به جای سه تابع، برای محاسبه RMS بر اساس عوامل متعدد، به یکی نیاز دارید. راه حل نهایی، همانطور که می بینید، نادرست است. در این مرحله تشخیص اینکه در چنین رویداد بزرگی چه اشتباهی رخ داده است برای شما بسیار دشوار خواهد بود.
از سوی دیگر، داشتن سه عملکرد کوچک به شما امکان تجزیه و تحلیل سریع را می دهد. در نتیجه، حتی اگر توابع متوسط هستند، از آنها برای تعریف ماژول های کد متمایز استفاده کنید. این تکنیک به شما کمک می کند مانند جادو به یک متخصص جاوا اسکریپت تبدیل شوید.
اکنون، اجازه دهید به چند نکته کدنویسی جاوا اسکریپت نگاه کنیم.
4. به جای == از === استفاده کنید
در جاوا اسکریپت دو نوع عملگر برابری وجود دارد: عملگرهای برابری دقیق === و !==، و عملگرهای برابری غیر دقیق == و !=. هنگام مقایسه، استفاده از برابری دقیق همیشه به عنوان بهترین روش در نظر گرفته می شود. با این حال، هنگام کار با == و !=، هنگام برخورد با انواع مختلف با مشکل مواجه خواهید شد.
هنگامی که انواع مقادیری که شما مقایسه می کنید متفاوت است، عملگرهای غیر دقیق سعی می کنند مقادیر آنها را وادار کنند، که ممکن است منجر به نتایج غیرمنتظره شود.
5. از JSLint استفاده کنید
داگلاس کراکفورد JSLint، یک دیباگر را ایجاد کرد. به سادگی اسکریپت خود را در جعبه قرار دهید، و به سرعت آن را برای هر گونه اشکال یا نقص اسکن می کند.
JSLint یک فایل منبع جاوا اسکریپت را بررسی می کند. اگر مشکلی کشف شود، پیامی با شرح موضوع و موقعیت تقریبی در منبع ارسال می کند. مشکل همیشه یک خطای نحوی نیست، اگرچه اغلب اینطور است.
JSLint هم هنجارهای سبکی و هم مسائل ساختاری را بررسی می کند. این بدان معنا نیست که نرم افزار شما دقیق است. این فقط یک جفت چشم دیگر برای کمک به تشخیص مشکلات اضافه می کند. قبل از اینکه یک اسکریپت را امضا کنید، آن را از طریق JSLint اجرا کنید تا مطمئن شوید که هیچ اشتباهی مرتکب نشده اید.
6. اسکریپت ها باید در پایین صفحه شما قرار گیرند
هدف اصلی کاربر این است که صفحه تا حد امکان سریع بارگذاری شود. تا زمانی که فایل کامل بارگیری نشود، مرورگر نمی تواند به بارگیری یک اسکریپت ادامه دهد. در نتیجه، کاربر باید مدت بیشتری منتظر بماند تا پیشرفتی را مشاهده کند.
اگر فایلهای JS دارید که فقط برای ارائه عملکرد استفاده میشوند (مثلاً وقتی یک دکمه فشار داده میشود)، آنها را در پایین صفحه، درست قبل از بسته شدن برچسب بدنه قرار دهید. این بدون شک بهترین عمل است.
7. سریعترین راه برای ساخت یک رشته
هنگامی که نیاز به حلقه زدن به دور یک آرایه یا شی دارید، همیشه از عبارت trusty for loop خود استفاده نکنید. از تخیل خود استفاده کنید تا سریع ترین راه حل را برای کار در دست داشته باشید. من قصد ندارم برای شما اعداد بیاورم. شما به سادگی باید به من اعتماد کنید (یا خودتان تست کنید).
این سریعترین تکنیک تا کنون است.
8. یک نظر به کد خود اضافه کنید
ممکن است در ابتدا بیهوده به نظر برسد، اما وقتی می گویم باید تا حد امکان روی کد خود نظر دهید، به من اعتماد کنید. اگر ماه ها بعد دوباره به پروژه بازگردید و نتوانید روند فکر اصلی خود را به خاطر بیاورید چه؟
اگر کد شما باید توسط یکی از همکارانتان به روز شود چه؟ قسمت های مهم کد شما همیشه باید در مورد آنها نظر داده شود.
9. از Template Literals استفاده کنید
محدودیت های رشته های ایجاد شده با گیومه های دوتایی یا تکی متعدد است. برای اینکه کار با آنها بسیار آسانتر شود، ممکن است برخی از رشتههای خود را با الفبای الگو جایگزین کنید.
از کاراکتر بکتیک (') برای ساختن الفبای الگو استفاده می شود که دارای تعدادی مزیت است. می توانید از آنها برای ذخیره عبارات یا ساخت رشته های چند خطی استفاده کنید.
همانطور که می بینید، بر خلاف رشته های معمولی که با گیومه های تک یا دوتایی ساخته می شوند، مجبور نبودیم بارها و بارها از الگوی خود وارد و خارج شویم. این احتمال اشتباهات تایپی را به حداقل میرساند و به ما امکان میدهد کد پاکتری بنویسیم.
10. تکرار کننده ها و برای … حلقه ها
Iterators اشیایی در جاوا اسکریپت هستند که متد ()next را برای برگرداندن یک شی که مقدار بعدی را در یک دنباله و همچنین مقدار true یا false را بسته به اینکه مقادیر بیشتری باقی مانده است ذخیره می کند، پیاده سازی می کنند. این بدان معنی است که اگر پروتکل iterator را پیاده سازی کنید، می توانید اشیاء تکرار کننده خود را بسازید.
تعدادی تکرارکننده داخلی در جاوا اسکریپت مانند String، Array، Map و غیره وجود دارد. شما می توانید برای ... از حلقه ها برای تکرار در سراسر آنها استفاده کنید. در مقایسه با حلقه های معمولی، این مختصرتر و کمتر مستعد خطا است. ما مجبور نیستیم طول کامل آرایه یا شاخص فعلی را با استفاده از یک حلقه for… of پیگیری کنیم. هنگام طراحی حلقه های تو در تو، این ممکن است به ساده سازی کد کمک کند.
11. به جای شیء جدید () از {} استفاده کنید
در جاوا اسکریپت می توانید اشیا را به روش های مختلفی بسازید. استفاده از سازنده جدید، همانطور که نشان داده شده است، روشی مرسوم تر است. این استراتژی، از سوی دیگر، به عنوان "عمل ضعیف" مشخص شده است.
مخرب نیست، اما کمی پرحرف و منحصر به فرد است. من به جای آن از تکنیک شیء لفظی استفاده می کنم.
12. قرار دادن let و const را در کد خود در نظر بگیرید
ما می توانیم از کلمه کلیدی let برای ایجاد متغیرهای محلی استفاده کنیم که در محدوده بلوک خود قرار دارند. ما می توانیم از کلمه کلیدی const برای ساخت متغیرهای محلی با محدوده بلوک استفاده کنیم که قابل تغییر نیستند.
هنگام اعلان متغیرها، باید در صورت لزوم از کلمات کلیدی let و const استفاده کنید. به یاد داشته باشید که کلمه کلیدی const فقط تخصیص مجدد را غیرفعال می کند. این متغیر را نیز تغییرناپذیر نمی کند.
13. eval() ایده خوبی نیست
متد eval() برای کسانی که اطلاع ندارند به ما امکان دسترسی به کامپایلر جاوا اسکریپت را می دهد. اساساً، ما می توانیم از eval برای اجرای نتیجه یک رشته با ارائه آن به عنوان ورودی () استفاده کنیم.
این نه تنها اسکریپت شما را به طور قابل توجهی کند می کند، بلکه نگرانی امنیتی قابل توجهی نیز ایجاد می کند زیرا به متن ارسال شده اعتبار بسیار زیادی می دهد. به هر قیمتی از آن اجتناب کنید!
14. Spread Operator مفید است
آیا تا به حال نیاز داشته اید که همه موارد موجود در یک آرایه را به عنوان عناصر جداگانه به یک تابع دیگر منتقل کنید یا باید همه مقادیر را از یک آرایه در آرایه دیگر قرار دهید؟ این دقیقاً همان چیزی است که عملگر spread (...) به ما اجازه می دهد تا به آن برسیم. در اینجا یک تصویر است.
15. انتظار و غیر همگام
توابع ناهمزمان را با استفاده از کلمه کلیدی async ایجاد کنید، که همیشه یک وعده را به صورت صریح یا ضمنی برمی گرداند.
کلمه کلیدی await را می توان در توابع ناهمزمان برای توقف اجرا تا زمانی که حل وعده های برگشتی تکمیل شود استفاده کرد. خارج از تابع async شما، کد به طور معمول به کار خود ادامه می دهد.
16. از متد include() در جاوا اسکریپت استفاده کنید
در جاوا اسکریپت، تابع include() تعیین می کند که آیا یک رشته حاوی کاراکترهای ارائه شده است یا اینکه آیا یک آرایه حاوی عنصر مشخص شده است.
اگر رشته یا عنصر کشف شود، این متد true را برمی گرداند. در غیر این صورت، false برمی گردد. شایان ذکر است که تابع Strings حاوی() به حروف کوچک و بزرگ حساس است. اگر می خواهید یک رشته را بدون توجه به حروف کوچک و بزرگ مطابقت دهید، ابتدا متن مورد نظر را کوچک کنید.
17. موارد را از یک آرایه با استفاده از Splice حذف کنید
برای حذف یک مورد از یک آرایه، من توسعه دهندگان را دیده ام که از تابع حذف استفاده می کنند. این اشتباه است زیرا به جای حذف شیء، روش delete آن را با undefined جایگزین می کند.
ساده ترین راه برای حذف یک عنصر از یک آرایه بسته به مقدار آن در جاوا اسکریپت این است که از تابع indexOf() برای بدست آوردن شماره شاخص آن مقدار در آرایه استفاده کنید، سپس آن مقدار شاخص را با متد splice() حذف کنید.
18. از تابع پیکان استفاده کنید
توابع پیکان یکی دیگر از ویژگی های مهمی است که به تازگی به جاوا اسکریپت اضافه شده است.
آنها مزیت های زیادی دارند. برای شروع، آنها بخشهای کاربردی جاوا اسکریپت را از نظر بصری جذابتر و نوشتن آسانتر میکنند. با این حال، استفاده از توابع فلش این را بسیار خوانا و مختصر می کند.
19. با Destructuring می توانید به سرعت مقادیر متغیر را اختصاص دهید
قبلا در این پست با اپراتور spread در جاوا اسکریپت آشنا شدیم. ساختارشکنی شبیه تخریب است زیرا داده های موجود در آرایه ها را نیز باز می کند.
تمایز این است که این مقادیر بسته بندی نشده را می توان به متغیرهای مجزا نسبت داد. هنگام تشکیل یک آرایه، نحو با میانبر [] یکسان است. با این حال، براکت ها این بار در سمت چپ عملگر انتساب قرار می گیرند. در اینجا یک تصویر است.
20. چندین پروژه بسازید
هر استعدادی مستلزم تمرین مداوم است، بنابراین سعی کنید پروژه های مختلفی بسازید تا توانایی های خود را تقویت کنید و با انواع سناریوهای برنامه نویسی تخصص کسب کنید.
در حین کار بر روی پروژه ها با چالش ها و ایرادات متعددی مواجه خواهید شد که تخصص لازم را در اختیار شما قرار می دهد. بنابراین سعی کنید پروژه هایی ارائه دهید، و ایده ها و مثال های زیادی در اینترنت وجود دارد که به شما کمک می کند. به توسعه کد ادامه دهید، و توانایی های شما بهبود خواهد یافت.
نتیجه
ممکن است یادگیری یک زبان کامپیوتری مانند جاوا اسکریپت دشوار باشد. اگر در مورد تبدیل شدن به یک برنامه نویس خوب و ایمن کردن اولین شغل خود جدی هستید، این استراتژی های یادگیری جاوا اسکریپت می تواند به شما در سرعت بخشیدن به فرآیند یادگیری کمک کند.
مطمئن شوید که برنامه نویسی را به طور منظم تمرین می کنید، در حین یادگیری ایده های جدید یادداشت برداری کامل می کنید و از همه ابزارهای در دسترس خود استفاده می کنید. مهمتر از همه، به آنجا بروید و همزمان با سرگرمی شروع به کدنویسی کنید.
پاسخ دهید