Accessing class methods from templates loses the class context about hbs HOT 2 CLOSED

I've been reading up more on how "this" is handled in JS, and have a little better understanding of some of the issues now.

Building on my simplified example, these two techniques seem to work:

Binding "this" to a copy of the prototype function in the constructor:

function User(name) {
   this.initial_name = name;
   this.default_name = 'Barry';
   this.custom_name = null;
   this.name = this.name.bind(this);
}

User.prototype.name = function() {
   return this.custom_name || this.initial_name || this.default_name;
}

Creating and binding the method function within the constructor:

function User(name) {
   this.initial_name = name;
   this.default_name = 'Barry';
   this.custom_name = null;
   this.name = function() {
      return this.custom_name || this.initial_name || this.default_name;
   }.bind(this);
}

If I understand correctly, the second technique is less efficient (defines the method function for every constructor).

Is the first technique correct, and is it the best way to handle this situation, or are there better ways?

Thanks.

from hbs.

The bind approach will work but I think your first approach should work as well. It might be that handlebars has a bug when calling functions and not specifying the context properly. We are several versions behind the latest handlebars which is 2.0.0 now. 2.0 was in beta for a long time but seems to have now landed. Maybe it is time to upgrade.

from hbs.