JS this түлхүүр үг

var student = {
   fName: "Дорж", 
   lName: "Болд",
   sCode: "SW01B130",
   age: 21,
   fullInformation : function() {
      return this.fName + " " + this.lName + " " + this.age;
   }
};

This түлхүүр үг гэж юу вэ?

This түлхүүр үг хамаарал бүхий объектыг заадаг.

This түлхүүр үг дангаараа байх үед ГЛОБАЛ объектыг заана.

This түлхүүр үг дангаараа байх үед ГЛОБАЛ объектыг заана.

Функцэд мөн адил ГЛОБАЛ объектыг заана.

Функц болон хатуу горимд This түлхүүр үг тодорхойлогдоогүй байдаг.

call() болон apply() гэх мэт функцүүд нь дурын объектод чиглүүлэ болно.

This функц

This түлхүүр үг нь хамаарал бүхий объектыг заадаг.

Энэ хуудасны эхний жишээнд This түлхүүр үг нь Student объектод хамаарах болно.

Student объект нь fullInformation функцийн эзэмшигч юм.

fullInformation : function() {
  return this.fName + " " + this.lName + " " + this.age;
}

Зөвхөн This

This түлхүүр үг нь дангаараа байх үед ГЛОБАЛ объектод хамаарах болно. ГЛОБАЛ объект гэдэг нь browser-н Window хэсгийг хэлнэ. [object Window]:

var x = this;

Хатуу горимд This түлхүүр үг нь мөн адил дангаараа байх үед ГЛОБАЛ объектод хамаарах болно. ГЛОБАЛ объект гэдэг нь browser-н Window хэсгийг хэлнэ. [object Window]:

"use strict";
var x = this;

This түлхүүр үг нь функцийн анхдагч утга юм

This түлхүүр үг нь JavaScript функцэд анхдагч утга хэлбэрээр заавал байдаг.

Функцэд байрлах This түлхүүр үг нь ГЛОБАЛ объектод хамаардаг. [object Window]:

function myFunc() {
   return this;
}

This түлхүүр үг нь функцийн анхдагч утга /Хатуу горимд/

Хатуу горимд анхдаг утга байхыг зөвшөөрдөггүй.

Тиймээс хатуу горимд ашигласан функц нь undefined. утга буцаах болно.

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

This түлхүүр үг HTML-д

This түлхүүр үгээр HTML элементийг зохицуулж болно.

<button onclick = "this.style.display = 'none'">
   Товч дарж товчийг арилга
</button>

Объектод хамаарах функц

Дараах жишээнд this түлхүүр үг нь student объектод хамаарах болно. fullInformation функцийн эзэмшигч нь student объект байна.

var student = {
   fName: "Дорж", 
   lName: "Болд",
   sCode: "SW01B130",
   age: 21,
   fullInformation : function() {
      return this;
   }
};

var student = {
   fName: "Дорж", 
   lName: "Болд",
   sCode: "SW01B130",
   age: 21,
   fullInformation : function() {
      return this.fName + " " + this.lName + " " + this.age;
   }
};

Сэтгэгдэлүүд