نکات و ترفندهای مفید جاوا اسکریپت که ممکن است از آنها بی خبر باشید 💻👨‍💻

Summarize this content to 400 words in Persian Lang
جاوا اسکریپت به طور گسترده استفاده می شود زبان برنامه نویسی وب. اگر به دنبال شروع حرفه ای در مهندسی نرم افزار هستید، به احتمال زیاد با مفاهیم جاوا اسکریپت روبرو خواهید شد.

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

در این پست وبلاگ، چند جاوا اسکریپت مفید را فهرست می کنم نکات و ترفندها برای کمک به شما در موقعیت های چالش برانگیز هنگام استفاده از این زبان.

تزریق خودکار نقطه ویرگول (ASI) در جاوا اسکریپت

برخی از زبان ها مانند سی شارپ، سی پلاس پلاس و جاوا بسیار هستند در مورد پایان دادن به هر خط با نقطه ویرگول سختگیرانه است.

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

مثال:

function returnSomething()
{
return
{
name: ‘JavaScript Expert’
contactMethod: ‘Shine batsign at sky’
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

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

توضیح: چون براکت باز کردن در همان خط بازگشت رخ نمی دهد، شیر مادر قرار می دهد یک نقطه ویرگول در آنجا برای ما بنابراین، تا آنجا که به جاوا اسکریپت مربوط می شود، کد ما در واقع به این شکل است:

function returnSomething()
{
return ; // <– semicolon inserted by ASI, remainder of function not evaluated.
{
name: ‘JavaScript Expert’
contactMethod: ‘Shine batsign at sky’
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این فرآیند ASI است. برای جلوگیری از چنین سناریوهایی، باید به دقت به نحوه قرارگیری پرانتزها و دیگر نحوها نگاه کنیم.

کلیدها و شاخص های آرایه غیر ترتیبی

بیایید تصور کنیم یک آرایه ساده داریم، می دانیم که می توانیم پاپ، فشار دادن، اضافه کردنو هر کاری که دوست داریم با آرایه ها انجام دهیم. اما ما همچنین می دانیم که جاوا اسکریپت، مانند سایر زبان ها، به ما اجازه می دهد دسترسی به عناصر آرایه بر اساس شاخص.

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

مثال:

var arr = [];
arr[0] = 1;
arr[1] = 2;
arr[100] = 100;
console.log(arr);
console.log(‘The length of the array is ‘ + arr.length);

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

خروجی:

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

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

را window.navigator شی شامل اطلاعات مربوط به جزئیات سیستم عامل مرورگر بازدیدکننده. برخی از ویژگی های سیستم عامل در زیر در دسترس هستند دارایی پلت فرم.

برای دریافت نوع سیستم عامل می توانید از قطعه زیر استفاده کنید:

console.log(navigator.platform);

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

خروجی:

Win32 (for Windows)
MacIntel (for modern macOS)
Linux x86_64 (64-bit Linux systems)
WebOS (for LG Smart TVs)
Linux (for Samsung Smart TVs)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چگونه تشخیص دهیم که آیا از مرورگر موبایل برای مرور استفاده می شود یا خیر

شما می توانید شناسایی مرورگرهای موبایل با اجرای فهرستی از دستگاه ها و بررسی اینکه آیا userAgent با هر چیزی مطابقت دارد:

function detectMobileBrowser() {
if (
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/BlackBerry/i) ||
navigator.userAgent.match(/Windows Phone/i)
) {
return true;
} else {
return false;
}
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

استایل ها و رنگ های CSS را روی پیام های کنسول JS اعمال کنید

می‌توانید سبک‌ها و رنگ‌های CSS را با استفاده از نحو خاصی روی پیام‌های کنسول اعمال کنید. این می تواند در تمایز برخی از پیام ها از دیگران بسیار مفید باشد.

مثال کد:

console.log(
“%cStop!”,
“color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold”
);

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

خروجی:

و بس! اینها تنها تعدادی از نکات و ترفندهای کمتر شناخته شده جاوا اسکریپت هستند که ممکن است در آینده برای شما مفید باشند.

با من در لینکدین ارتباط برقرار کنید: – لینکدین

برای پروژه های شگفت انگیز GitHub من را بررسی کنید: – Github

نمونه کارها شخصی من را مشاهده کنید: – نمونه کارها آریان

function returnSomething()
{
  return
    {
      name: 'JavaScript Expert'
      contactMethod: 'Shine batsign at sky'
    }
}

function returnSomething()
{
  return ; // <-- semicolon inserted by ASI, remainder of function not evaluated.
    {
      name: 'JavaScript Expert'
      contactMethod: 'Shine batsign at sky'
    }
}

var arr = [];
arr[0] = 1;
arr[1] = 2;
arr[100] = 100;
console.log(arr);
console.log('The length of the array is ' + arr.length);

[ 1, 2, <98 empty items>, 100 ]
The length of the array is 101

console.log(navigator.platform);

Win32 (for Windows)
MacIntel (for modern macOS)
Linux x86_64 (64-bit Linux systems)
WebOS (for LG Smart TVs)
Linux (for Samsung Smart TVs)

function detectMobileBrowser() {
  if (
    navigator.userAgent.match(/Android/i) ||
    navigator.userAgent.match(/webOS/i) ||
    navigator.userAgent.match(/iPhone/i) ||
    navigator.userAgent.match(/iPad/i) ||
    navigator.userAgent.match(/iPod/i) ||
    navigator.userAgent.match(/BlackBerry/i) ||
    navigator.userAgent.match(/Windows Phone/i)
  ) {
    return true;
  } else {
    return false;
  }
}

console.log(
        "%cStop!",
        "color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold"
      );