‎‎كي وردthis جاوااسكريپتThe JavaScript this Keyword -‎

‎‎مثال ـ كي وردthis

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

‎‎كي وردthis جيست

‎در جاوااسكريت كي ورد‎this‎ بيك شئ اشاره دارد .كدام شئ ، بستگي به نحوي فراخواني ‎يا استفاده دارد.

‎‎كي ورد‎this‎ باشياء مختلف وابسته به استفاده ، اشاره ميكند .مطابق زير :

‎
• ‎‎در متد شئ ، آن به شئ‎(object)‎ اشاره ميكند .
• ‎‎در تابع‎this‎ بيك شئ سراسري ‎(global object)‎ اشاره ميكند .
• ‎در يك تابع داراي حالت سختگيرانه‎(strict mode)‎ نتيجه‎this‎آن ‎undefined‎‎است .
• ‎‎در يك رويداد‎(event)‎ اشاره به عنصر دريافتي رويداد دارد .
• ‎در متدهاي‎‎call()‎, apply()‎ , bind()‎‎‎ كي ورد this ميتواند به شئي ‎اشاره داشته باشد.
‎

‎‎استفادهthis در متد

‎هنگاميكه آن در متدي استفاده ميشود، آن اشاره به شئ دارد .در مثال بالا‎this‎ ‎اشاره به شئperson دارد . چون متدfullName مربوط به شئ person است .

‎‎مثال ـthis در متد

fullName : function() {
  return this.firstName + " " + this.lastName;
}

‎this‎تنها

‎هنگاميكه كي ورد‎this‎ به تنهائي استفاده ميشود، آن به شئ سراسري اشاره دارد . ‎چون آن در ميدان سراسري اجرا ميگردد.

‎‎در يك مرورگر ويندو شئ سراسري‎‎[object Window]‎‎ است .

‎‎مثال ـthis به تنهائي

let x = this;

‎در حالت سختگيرانه‎(strict mode)‎ هنگامي كه this به تنهائي استفاده مي شود، بيك ‎شئ سراسري اشاره دارد.

‎‎مثال ـ كي وردthis به تنهائي در مد سختگيرانه

"use strict";
let x = this;

‎this‎در يك تابع this in a Function(Default) -‎

‎‎در يك تابع ، شئ سراسري بصورت پيش فرض مورد اشاره‎this‎ است .

‎‎در يك مرورگرويندو شئ سراسري‎‎[object window]‎‎ مورد اشاره است .

‎‎مثال ـthis در تابع

function myFunction() {
  return this;
}

‎this‎درتابع ومدسختگيرانهthis in a Function (Strict) -‎

‎جاوااسكريپت سختگيرانه اجازه اتصال پيش فرض را براي‎this‎ نميدهد .نتيجه دراين ‎شرايط، براي آن‎undefined‎ است.

‎‎مثال ـthis در تابع با حالت سختگيرانه

"use strict";
function myFunction() {
  return this;
}

‎this‎در رويدادهاthis in Event Handlers -‎

‎‎در كنتركننده هاي رويداديHTML كي ورد‎this‎به عنصر دريافتي رويداد اشاره دارد .

‎‎مثال ـthis در رويداد

<button onclick="this.style.display='none'">
  Click to Remove Me!
 

‎‎اتصال به متد شئObject Method Binding -‎

‎‎مثال ـ در اين مثالthis به متد person وصل است

const person = {
  firstName  : "John",
  lastName   : "Doe",
  id         : 5566,
  myFunction : function() {
    return this;
  }
}; 

‎‎مثال ـ نام كامل نمايش داده ميشودthis .به person اشاره دارد .

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

‎‎در مثال فوقthis.firstNameويژگيfirstNameشئ person است يعني person.firstName

‎‎اتصال به توابع صريحExplicit Function Binding -‎

‎‎متدهاي‎‎call()‎ , apply( ) ‎‎از پيش تعريف شده در جاوااسكريپت ميباشند .

‎‎آن دو ميتوانند براي فراخواني يك متد شئ با شئ ديگربه عنوان آرگومان استفاده شوند.

‎در مثال زير متدperson1.fullName با شئ person2 بعنوان آرگومان فراخوان ميشود .كي ورد ‎در اين متد بهperson2 اشاره ميكند، هرچند كه fullName متد person1 است .

‎‎مثال ـ استفاده از متد‎‎call( )‎‎

const person1 = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}

const person2 = {
  firstName:"John",
  lastName: "Doe",
}

// Return "John Doe":
person1.fullName.call(person2);

‎‎قرض گرفتن تابعFunction Borrowing -‎

‎‎با متدbind( )‎‎، ‎‎يك شئ ميتواند متدي را از شئ ديگر قرض بگيرد .

‎مثال ـ در اين مثال دو شئnumber و person ايجاد ميشود .در آن شئ number متد fullName را از ‎شئperson قرض ميگيرد .

const person = {
  firstName:"John",
  lastName: "Doe",
  fullName: function () {
    return this.firstName + " " + this.lastName;
  }
}

const member = {
  firstName:"Hege",
  lastName: "Nilsen",
}

let fullName = person.fullName.bind(member);

‎‎اولويتthis

‎‎در جدول زير اولويتthis به ترتيب مشخص شده است .

‎اين جدول بدين معني است كه اگر جاوااسكريپت به‎this‎ برخورد نمود، اول بررسي ‎ميشود كه مربوط به‎bind( )‎ است .در صورت درست بودن اشاره مرتبط با آن برايthis ‎منظور ميشود .در غير اينصورت رديفهاي بعدي.

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب