Как вызвать функцию js в этом случае?

Question

[Александр Аблизин]

Помогите пожалуйста, плохо понимаю область видимости. Как мне вызывать эту функцию, пишет что она не определена, видимо потому что она внутри jQuery ajax-функции?

function foo()
{
    this.baz = function()
    {
        //...
    };
    this.bar = function()
    {
        $.ajax({
            success: function (html)
                {
                    this.baz(); //<-- Как вызвать
                }
        });
    };
}

Comments

[Артем Каюн]

А что это за странный синтаксис this.function baz(){}???

[Владимир]

Ну так то это новый стандарт es8

[Артем Каюн]

Владимир: А можно поподробнее? Где посмотреть стандарт?

[Владимир]

Артем Каюн: Это типо сарказм) Ошибся тут человек разумеется

[Артем Каюн]

Владимир: Я на полном серьезе начал гуглить))

[Александр Аблизин]

Простите, я исправил =) Просто уже засыпал)

Answer 1

[Артем Каюн]

function foo()
{
  this.baz = function(){
  
  }
  this.bar = function()
  {
    var that = this; //<-- Вот так, как вариант
    $.ajax({
       success: function (html)
                {
          that.baz(); //<-- that
        }
    });
  }
}

Answer 2

[Дмитрий Беляев]

ES5

function Foo() { //конструкторы пишем с большой буквы
 //...
}

//методы пишем в прототип
Foo.prototype = {
  baz: function() {
    //...
  },
  bar: function() {
    var $this = this;
    $.ajax({
      success: function(html) {
        $this.baz();
      }
    });
  }
};

ES2015

class Foo {
  constructor() {
    //...
  }
  baz() {
    //...
  }
  bar() {
    $.ajax({
      success: html => {
        this.baz();
      }
    });
  }
}

Answer 3

[DTX]

function foo()
{
  this.function baz(){
  
  }
  this.function bar()
  {
    $.ajax({
       success: (html) =>
                {
          this.baz(); //<-- Как вызвать
        }
    });
  }
}

Стрелочные функции не имеют своего this.

Про контекст, его потерю и привязку рекомендую прочитать вот это:
https://learn.javascript.ru/bind

Для полного понимания можно прочитать и вот это:
https://learn.javascript.ru/call-apply
https://learn.javascript.ru/decorators