Как обратиться через this к переменной из вложенной функции?

Question

[Maks]

Только начал разбираться в модульном подходе.
Есть некий модуль, у которого:
settings - функция, определяющая переменные.
init - функция, показывающая эти переменные.
Проблема возникает на 11 строке, когда через this не определяется переменная, но уровнем выше, на 8-ой строке, через this эти же переменные определяются отлично. Сейчас я решаю эту проблему через Module.variable, что мне кажется неправильным.

Module = (function() {
  return {
    settings: function() {
      this.name = "Loire";
      this.surname = "Ralf";
    },
    init: function() {
      block.innerHTML = this.name;
      showSurname = function() {
        block2.innerHTML = Module.surname;
        block3.innerHTML = this.surname;
      }
      showSurname();
    }
  };
})();

Module.settings();
Module.init();

JSFiddle: https://jsfiddle.net/rvnLqu1q/1/

Вопрос: как сделать так, чтобы во вложенной функции можно было пользоваться this, ссылаясь на переменные, определенные в функции settings?

Answer 1

[Виталий Инчин ☢]

Вот так можно сделать:

...
var showSurname = (function() {
   block2.innerHTML = Module.surname;
   block3.innerHTML = this.surname;
}).bind(this);

showSurname();
...

Для IE8-

Function.prototype.bind = function (context) {
  var f = this;
  return function() { 
    return f.apply(context, arguments);
  };
}

Comments

[Maks]

Спасибо за решение! Оно мне подходит

Answer 2

[D']

https://jsfiddle.net/rvnLqu1q/2/ так

Answer 3

[larionov_n]

Использовать call, apply