نکته: این مقاله ترجمه میباشد (با اندکی تغییرات ) :)))) الکی مثلا نمیدونید گند زدم به ترجمه

با سلام

در نظر سنجی ای که در سال 2017 توسط StackOverflow انجام شد.مشخض شد که js یکی از رایج ترین و جذاب ترین زبان ها برای تولید صفحات وب تعاملی می تونه باشه.

این زبان توسط تعداد زیادی از مرورگر ها پشتیبانی میشه همچنین استفاده از جاوا اسکریپت در محصولات معرفی شده توسط شرکت توسعه Magento طراحی وب سایت های تجارت الکترونیک رو افزایش داده است.

یادگیری js برای توسعه صفحات پویای وب خیلی آسونه اما استفاده از تکنیک ها و ترفندها ی js کارشما رو راحت تر میکنه و از طرفی توی زمان هم صرفه جویی میکنید.

این هک های ساده، کدهای بهینه شده ای هستند که با استفاده از منطق برنامه نویسی هوشمندانه ساخته شده اند.

از استفاده شون لذت ببرید.

1- استفاده از Async/ await همراه با Array Destructing :

این روش شگفت انگیز به شما نشون میده که چطور میشه از Array Destructing برای اجرای توابع زیاد غیر همزمان (Async) و به صورت پشت سر هم استفاده کنید.به مثال زیر دقت کنید:

 

2- استفاده از عملگر !! برای تبدیل به boolean :

این علامت ‘!!’ در js تحت عنوان نفی دوگانه ( double negation ) شناخته میشه.برناlه نویس ها از اون استفاده میکنند برای اینکه مشخص بشه آیا متغیر مورد نظر وجود داره و مقدار معتبری هم داره یا نه.

اگر برای یک متغیر از این علامت استفاده کنیم.مثلا variable!! این متغیر در صورتی false برمیگردونه که مقدار متغیر یکی از 0 , “” , null , NAN ویا undefined باشه .در غیر این صورت true برمیگردونه.

به مثال زیر دقت کنید:

 

3- جابجایی متغیر ها (Swap variables) :

با استفاده از همین array destruction میشه عمل جابجایی مقدار بین دومتغیر رو به سادگی انجام داد:

 

4- استفاده از عملگر ‘+’ برای تبدیل رشته به اعداد :

این روش زمانی استفاده میشه که عدد مورد نظر ما داخل یک رشته باشه.مثلا “5” .اگه داخل رشته مورد نظر ما چیزی غیر از اعداد باشه NaN برمیگردونه که یعنی ( not a number )

 

همینطور میشه از این روش برای ‘تاریخ’ در js هم استفاده کرد:

5- کوتاه کننده دستورات شرطی :

استفاده از کوتاه نویسی میتونه سرعت برنامه نویسی رو زیاد کنه و توی زمان هم صرفه جویی کنید.

مثلا هرجا کد زیر رو دید:

 

میتونید متغیر و تابع رو در یک خط کوتاه کنید و بنویسید :

یا یک مثال دیگه ازش:

6- هک ساده در خطا یابی :

اگه از ()console.log برای خطا یابی استفاده میکنید ، داریم :

7- چطور تشخیص بدیم متد یا function یا کلا properties در یک شی ( object ) وجود داره :

مثال زیر میتونه جواب خیلی از سوال هایی از این دست باشه.

فرض کنید ما میخواهیم از تابعی استفاده کنیم که در مرورگر های IE 6 به پایین وجود نداره و همینطور انتظار داریم که کدمون توی این دست از مرورگر ها به مشکل نخوره به مثال زیر دقت کنید :

در مثال بالا تابع ‘querySelector’ در IE 6 به قبل وجود نداره.

8- استفاده از تک خطی ها :

این روش برای فشرده سازی عملیات آرایه ای در یک خط استفاده میشه.

9- پیوند بین آرایه ها ( Array concatenation) :

توی این روش به ‘…’ که توی کد استفاده شده میگویند “عملگر گسترش” یا ( spread operator )

10- استفاده از micro-optimization در کد با استفاده از عملگر ‘~~’ :

بجای استفاده ار math.floor میتوان از ‘~~’ استفاده نمود :

11- گرفتن آخرین عناصر یک آرایه :

12- استفاده از کلون کردن (cloning) :

ساده ترین روش برای کلون (کپی) کردن یک آرایه و ابجکت ، استفاده ‘…’ یه همان عملگر گسترش است.

13- استفاده از switch به جای if/else :

علتش اینه که فقط یک بار عمل ارزش یابی یا ( evaluate ) انجام میشه.مگر اینکه در if/else دقت لازم رو انجام داده و از return هم استفاده کنید.

14- استفاده از گزینه Replace all با استفاده از Regex ها :

15- برهم زدن عانصر آرایه (Shuffle array’s elements) :

خبر خوب اینه که میشه بدون استفاده از کتابخانه های خارجی عناصر یک آریه رو مخلوط کرد یا اصطلاحا بهم زد.

16- تغییر اندازه یک ارایه با استفاده از ‘length’ :

17- ادغام آرایه ای :

اگه از ()array.concat استفاده کنید میشه دوتا آرایه رو merge کرد اما این روش هزینه مصرفی حافظه اش بالاست و وقتی خودشو نشون میده که با داده های زیادی سروکار داریم.مثلا :

اما روش بهینه تر، کد زیر میتونه باشه:

لینک مقاله اصلی.

موفق باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *