Легко установить "эту" переменную?

Думаю, вы ищете call:

myFunction.call(obj, arg1, arg2, ...);

Это вызывает myFunction с this, установленным на obj.

Существует также немного другой метод apply, который принимает параметры функции в виде массива:

myFunction.apply(obj, [arg1, arg2, ...]);

Для всех функций в JavaScript определены два метода: call() и apply(). Синтаксис функции выглядит так:

call( /* object */, /* arguments... */ );
apply(/* object */, /* arguments[] */);

Эти функции вызывают функцию, для которой они были вызваны, присваивая значение параметра объект параметру это.

var myFunction = function(){
    alert(this.foo_variable);
}
myFunction.call( document.body );

Если вы хотите «сохранить» значение this в функции, чтобы вы могли беспрепятственно вызывать ее позже (например, когда у вас больше нет доступа к этому значению), вы можете bind его (хотя доступно не во всех браузерах):

var bound = func.bind(someThisValue);

// ... later on, where someThisValue is not available anymore

bound(); // will call with someThisValue as 'this'

Мои поиски о том, как привязать this, привели меня сюда, поэтому я публикую свои выводы: в 'ECMAScript 2015' мы также можем установить это лексически, используя стрелочные функции.

См .: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

Вместо:

function Person() {
  setInterval(function growUp() {
    // The callback refers to the `self` variable of which
    // the value is the expected object.
    this.age++;
  }.bind(this), 1000);
}

Теперь мы можем:

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| properly refers to the person object
  }, 1000);
}

var p = new Person();

Установка ключевого слова this в javascript.

Javascript имеет 3 встроенных метода для удобной установки ключевого слова this. Все они расположены в объекте Function.prototype, поэтому каждая функция может их использовать (поскольку каждая функция наследуется от этого прототипа через прототипное наследование). Эти функции следующие:

1. Function.prototype.call(): эта функция принимает в качестве первого аргумента объект, который вы хотите использовать как this. Тогда оставшиеся аргументы являются соответствующими аргументами вызываемой функции.
2. Function.prototype.apply(): эта функция принимает в качестве первого аргумента объект, который вы хотите использовать как this. Тогда второй аргумент - это массив, который содержит значения аргументов вызываемой функции (первый элемент массива является первым аргументом функции, второй аргумент массива является вторым аргументом функции и т. д.).
3. Function.prototype.bind(): эта функция возвращает новую функцию с другим значением this. Он принимает объект, который вы хотите установить как значение this, в качестве первого аргумента, а затем возвращает новый объект функции.

Разница между вызовом / применением и привязкой:

• call и apply похожи тем, что они немедленно вызвать функцию (с предопределенным значением this)
• bind отличается от call и apply тем, что это функция возвращает новую функцию с другим связыванием значения this.

Примеры:

const thisObj = {
  prop1: 1,
  prop2: 2,
};

function myFunc(arg1, arg2) {
  console.info(this.prop1, this.prop2);
  console.info(arg1, arg2);
}

// first arg this obj, other arguments are the  
// respective arguments of the function
myFunc.call(thisObj, 'Call_arg1', 'Call_arg2');

// first arg this obj, other argument is an array which  
// are the respective arguments of the function
myFunc.apply(thisObj, ['Apply_arg1', 'Apply_arg2']);


// the bind method returns a new function with a different
// this context which is stored in the newMyFunc variable
const newMyFunc = myFunc.bind(thisObj);

// now we can call the function like a normal function 
newMyFunc('first', 'second');