Как перестать использовать that?

Question

[Сергей Пронин]

Стандартная ситуация

//backbone
render: function () {
        var that = this;
        App.TemplateManager.get(this.template, function (template) {
            var temp = _.template(template);
            var html = $(temp(that.model.toJSON()));
            that.$el.html(html);
        });
        return this;
    },

или

//jquery
var that = this;
$.ajax({
    url: '/api/' + id,
    success: function (template) {
        var tmpl = template;
        that.templates[id] = tmpl;
        callback(tmpl);
   }
});

Как избавится от that? я зная что тут надо использовать call/apply/bind, но никак не пойму как правильно...

Comments

[Kovalsky]

С помощью call/apply/bind можно явно задавать контекст:

function test() {
  console.log(this, arguments.length);
}

test.call(1, 2);
// Number {[[PrimitiveValue]]: 1} 1

test.bind(3, 4, 5)();
// Number {[[PrimitiveValue]]: 3} 2

test.apply(6, [7, 8, 9]);
// Number {[[PrimitiveValue]]: 6} 3

Answer 1

[Сергей Семенко]

$.ajax({
    url: '/api/' + id,
    success: function (tmpl) {
        this.templates[id] = tmpl;
        callback(tmpl);
    }.bind(this) // <==
});

Answer 2

[Владимир Сергеевич]

Можно только сократить его использование с помощью стрелочных функций

class NewObj{
    constructor(){
        this.some_var = "Some var"
        this.func()
    }
    func(){
        let sub_func = () => {
            console.log(this)
        }
        sub_func()
    }
}

new NewObj();
// В терминале:
// node test.js
// -> NewObj { some_var: 'Some var' }

Answer 3

[Антон]

• Arrow function
  
• .bind(this)
  
• Оператор :: (только в babel)