Question

Excuse the beginner question, but I’m having difficulty wrapping my head around this. Using jquery I can do something like this:

$.each(array, testF); 

function testF(){
    console.log(this.name);  
}

Using $.each I can pass the array to the the function testF, and access the object contained within each row of the array. But when I try to do something like:

array[0].testF()

I get an error stating that the Object has no method ‘testF’. I’m wondering if someone can explain what’s happening here… why the jQuery one works, but the second doesn’t. Again, please excuse the beginner question.

Answer 1

• $.each(array, testF) calls testF(i, elem) for each element in the array with this bound to elem.
• array[0].testF() tries to call a method testF() that exists on array[0]

The equivalent of what $.each() does is testF.call(array[0], 0, array[0]) or since you do not use the arguments you can simpl do testF.call(array[0])

See MDN for the documentation of .call().