دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۲
  • آبان

جلسه ۴۳ : کلمه ی کلیدی this در جاوا اسکریپت

  • دسته‌بندی‌ها :
جلسه ۴۳ : کلمه ی کلیدی this در جاوا اسکریپت
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

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

      کلمه ی کلیدی this در جاوا اسکریپت

      در ادامه ی این مبحث ما شما را با مفاهیم کلمه ی کلیدی this در جاوا اسکریپت آشنا می کنیم.

      کلمه ی کلیدی this در جاوا اسکریپت به شیء که به آن تعلق دارد اشاره دارد.

      این مقادیر متفاوت است بسته به جایی که از آن استفاده می شود.

      در یک متد، این به شی مالک مربوط می شود.
      به تنهایی، این به شیء عمومی اشاره دارد.
      در یک تابع، این به شیء عمومی اشاره دارد.
      در یک تابع، در حالت strict، این تعریف نشده است.
      در یک رویداد، این به عنصری که این رویداد را دریافت کرد اشاره دارد.
      متد هایی مانند ()call و ()apply می توانند این را به هر شیء ارجاع دهند.

      this در یک متد

      در یک متد شی، this به صاحب این متد اشاره دارد.

      در مثال بالا این صفحه، this به شیء شخصی اشاره دارد.

      آبجکت شخصی صاحب متد fullName است.

      مثال : کلمه کلیدی this
      خودتان امتحان کنید »

      this تنها

      هنگامی که this به تنهایی استفاده می شود، به آبجکت عمومی اشاره دارد.

      در یک پنجره ی مرورگر ، آبجکت عمومی [object Window] است:

      مثال : کلمه کلیدی this
      خودتان امتحان کنید »

      در حالت strict زمانیکه به تنهایی از this استفاده می کنید، this به آبجکت عمومی [object Window] اشاره دارد.

      مثال : استفاده از this
      خودتان امتحان کنید »

       this در یک تابع (پیش فرض)

      در تابع جاوا اسکریپت، صاحب تابع به طور پیش فرض برای this ساخته می شود.

      بنابراین، در یک تابع، this اشاره به آبجکت عمومی [object Window] دارد.

      مثال : کلمه کلیدی this در تابع
      خودتان امتحان کنید »

       this در یک تابع (strict)

      حالت strict جاوا اسکریپت اجازه اتصال را نمی دهد.

      بنابراین، هنگامی که در یک تابع استفاده می شود، در حالت strict، کلمه کلیدی this تعریف نشده است.

      مثال : حالت strict
      خودتان امتحان کنید »

      this در رویداد Handlers

      در رویدادهای handler در HTML ، کلمه کلیدی this به عنصر HTML اشاره دارد که رویداد را دریافت می کند:

      مثال :  کلمه کلیدی this در handler
      خودتان امتحان کنید »

      متد اتصال آبجکت

      در این مثال ها this یک آبجکت شخصی است (آبجکت شخصی “صاحب” تابع است).

      مثال : متد اتصال
      خودتان امتحان کنید »

      مثال : مثال دوم
      خودتان امتحان کنید »

      به عبارتی دیگر this.firstName به معنی خصوصیت firstName از this آبجکت شخصی است.

      وابستگی صریح تابع

      متدهای ()callو ()apply متدهای از پیش تعریف شده ی جاوا اسکریپت هستند.

      آنها هر دو می توانند برای فراخوانی یک آبجکت با آبجکت دیگری به عنوان آرگومان مورد استفاده قرار گیرند.

      در این مثال، هنگام فراخوانی person1.fullName با person2 به عنوان آرگومان، this به person2 اشاره می کند، حتی اگر یک متد از person1 باشد:

      مثال : متد call
      خودتان امتحان کنید »

      کلام آخر

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

      QR:  جلسه ۴۳ : کلمه ی کلیدی this در جاوا اسکریپت
      به اشتراک بگذارید


      دیدگاه کاربران
      1. تصویر کاربر
      2. تصویر کاربر
        • تصویر کاربر
      3. تصویر کاربر