تعريف متغير در جاوا اسکريپ

در گذشته تنها روشی که برای تعریف متغیر در جاوا اسکریپت استفاده می شد استفاده از کلمه کلیدی var بود. این کلمه برای مدت های طولانی برای تعریف متغیر ها در جاوا اسکریپت به کار می رفت اما مشکلاتی هم به همراه داشت که باعث شد درنسخه های بعدی جاوا اسکریپت با اضافه کردن دو کلمه کلیدی دیگر const و let برای تعریف کردن متغیر، این مشکلات بر طرف شود.

جاوا اسکریپت ES6 – 2015

بعد از انتشار نسخه ۶ جاوا اسکریپ دو کلمه کلیدی دیگر let و const برای تعریف متغیر به این زبان اضافه شد. که در مجموع سه کلمه کلیدی برای تعریف متغیر در این زبان مورد استفاده قرار می گیرد. به طور کلی کلمه کلیدی const برای تعریف یک ثابت به کار می رود. منظور از ثابت متغیری است که مقدار آن ثابت است مثلا اگر یک ثابت رو معادل یک رشته قرار دادیم نمی توان آن را تغیر داد.

  
    const name = 'ali'
  

اما در مورد let و var اینگونه نیست. این دو خیلی شبیه هم هستند از این رو خیلی از برنامه نویسان تفاوت این دو را به خوبی متوجه نشده اند که در ادامه به بررسی آن می پردازیم.

تفاوت let و var

تفاوت این دو در محدوده آن هاست (scope). به این شکل که متغیر هایی که با کلمه کلیدی var تعریف شده اند در محدوده تابع قابل دسترسی هستند (function-scope) و متغیرهایی که با کلمه کلیدی let تعریف شده اند در محدوده بلوک خودشان قابل دسترسی هستند (block-scope).

  
    
  1. Var : Function-scoped
  2. Let : Block-scoped

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

نویسنده: سعید پناهی

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

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

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

احتمالا از اینها هم خوشتون بیاد

css-custom-property

تعریف و استفاده از متغیرها در CSS

مانند سایر زبان های برنامه نویسی که از متغیر ها برای نگهداری مقداری استفاده می شود که بتوان بعدا در هر زمان به آن مراجعه کرد، در سی اس اس هم برای نگهداری و یا ذخیره سازی مواردی مانند رنگ ها، نام فونت، اندازه فونت و … استفاده می شود و می توان در جاهای مختلف فایل سی اس اس آن را صدا کرد و از مقدار آن استفاده کرد. اسم رسمی و صحیح این متغیرها custom properties می باشد که معمولا در بین توسعه دهندگان و برنامه نویسان به نام متغیر جا افتاده است.

لزوم استفاده از Lazy Loading برای تصاویر

امروزه استفاده از تصاویر در محتوای صفحات وب بسیار زیاده شده. اصلا بدون استفاده از تصاویر، صفحات وب خشک و کسل کننده می شوند. این موضوع وقتی اهمیت بیشتری پیدا می کند که محتوای وب سایت، مطلب آموزشی یا تبلیغ و مواردی از این دست داشته باشد. که در این حالت نقش تصاویر بسیار مهم هستند و بدون استفاده از تصاویر عملا کار ناقص می ماند. اما مشکل اینجاست که استفاده از تصاویر باعث می شود که سرعت لود صفحه ی وب پایین بیاد و همین موضوع به خودی خود یک مساله جدی است. اگر کاربری وارد وب سایت شود و سرعت لود صفحه مناسب نباشد باعث می شود کاربر به جای اینکه صبر کند تا صفحه لود شود به طور کامل از وب سایت شما خارج شود. حالا فرض کنید که سرعت اینترنت کاربر هم زیاد مناسب نباشد! برای حل این مشکل از تکنیک Lazy Loading استفاده می کنیم که درادامه به بررسی بیشتر و نحوه استفاده از آن می پردازیم.

strict-mode

Strict Mode در جاوا اسکریپت

وقتی از ‘use strict’ در ابتدای کدهای خود در جاوا اسکریپت استفاده کنید، یعنی به جاوا اسکریپت گفته اید که به کدهایی که می نوسید سخت گیرانه تر نگاه کند. مثلا اگر یک متغیر را تعریف نکرده باشید و بخواهید از آن استفاده کنید با پیغام خطا مواجه می شوید این در صورتی است که اگر از strict mode استفاده نکرده باشید پیغام خطایی دریافت نمی کنید. همچنین ارورهایی که به شما نمایش داده می شود بهتر و مشخص تر مشکل را بیان کرده است. از این رو وقتی از stirct mode استفاه می کنید مجبورید که کدهای تر و تمیز تری بنوسید و این یعنی بالا رفتن کارایی برنامه تون.