Context ผ่านตัวแปรใน JavaScript

วิธีแก้ปัญหามีดังนี้: ในฟังก์ชันภายนอก เราจะเขียน this ลงในตัวแปรใดๆ และตัวแปรนี้ จะสามารถเข้าถึงได้ในฟังก์ชันภายใน เช่นเดียวกับ ตัวแปรทั้งหมด (โดยปกติตัวแปรนี้จะถูกเรียกว่า self) ดังนั้นเราจะส่งผ่าน this จากฟังก์ชันภายนอกไปยังฟังก์ชันภายใน:

javascript"use strict";

let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);

function parent() {
  console.log(this.value); // จะแสดง 'text'
  
  let self = this; // เขียน this ลงในตัวแปรใดๆ เช่น self
  
  function child() {
    console.log(self.value); // จะแสดง 'text'
  }
  child();
}

html<input id="elem" value="3">

javascript"use strict";

let elem = document.querySelector('#elem');
elem.addEventListener('blur', func);

function func() {
  alert( square() );
  
  function square() {
    return this.value * this.value;
  }
}