Object Has No Method 'apply'
Solution 1:
anchorElement.on('click',function(event) {
return window[property.fnctn](event);
});
If the function is on an object you have a reference to, then:
anchorElement.on('click',function(event) {
return theObject[property.fnctn](event);
});
That works because in JavaScript, you can access properties of objects in two ways: Dotted notation with a literal property name (foo.bar
accesses the bar
propety on foo
) and bracketed notation with a string property name (foo["bar"]
). They're equivalent, except of course in the bracketed notation, the string can be the result of an expression, including coming from a property value like property.fnctn
.
But I would recommend stepping back and refactoring a bit so you're not passing function names around in strings. Sometimes it's the right answer, but in my experience, not often. :-)
Original answer:
(This assumed that property.fnctn
was a function, not a string. But may be of some use to someone...)
The code
anchorElement.on('click',property.fnctn);
will attach the function to the event, but during the call to the function, this
will refer to the DOM element, not to your property
object.
To get around that, use jQuery's $.proxy
:
anchorElement.on('click',$.proxy(property.fnctn, property));
...or ES5's Function#bind
:
anchorElement.on('click',property.fnctn.bind(property));
...or a closure:
anchorElement.on('click',function(event) {
return property.fnctn(event);
});
More reading (on my blog):
Post a Comment for "Object Has No Method 'apply'"