In this example why does pushing the function reference onto the array not change the scope execution context of this whereas assigning the function reference to a new variable does change the scope execution context of this? Is this because the reference to the function in the array points to the original function on the ford object where this is still defined as the instance 1 and the variable assignment changes the this to point to the wrapping IIFE block 2?

Is this a good pattern if I need to collect of bunch of methods like this from various objects and call them somewhere else? How does this referential calling relate to examples like console.

Thanks to Satyajeet for the nice explanation and clarification. It turns out that in the application I am performing a similar process to the above code where I call cbs.

At a point in the app I call all these methods and expect them to behave in the same way as when they are called in the execution context scope of the original object See example plunker here. You are calling a function inside an array, So in javascript each element of an array is a property of that Array Object.

So when you are calling cbx[0] it is essentially same as cbx. And here comes the role of Scope and Execution context in javascript. There are already many good articles and answers about Scope and Context in javascript.

Just like this , So i think its not worth to explain all that here. But fundamentally this is not defined till the execution of function this depends on Execution context rather then scope. So your 1 will print undefined because cbs[0] is equivalent to cbs. You only have a function inside it. And your 2 will also print undefined because Execution context is global window object in case of browser there. Answer to your 3rd question is, You need to Explicitly hard bind Execution context to your function.

Sorting an array of JavaScript objects - Stack Overflow

And your 4th question is i think just an another use case of ES5's bind method, Nothing special. It is normally used because browser implementations requires that execution context this of console. By posting your answer, you agree to the privacy policy and terms of service.

Stack Overflow Questions Developer Jobs Documentation beta Tags Users. Sign up or log in to customize your list. Tour Start here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with us.

JavaScript Kit- Function Object

Log In Sign Up. Join the Stack Overflow Community. Stack Overflow is a community of 7. Join them; it only takes a minute: Javascript function stored in array vs in a variable Ask Question. JS is blocked scoped. So this will only change when called in a function. Actually your first console log is from you doing ford.

That's what I get for coding late and copypasta. Satyajeet 1, 6 I have a better understanding of bind now. It turns out the pattern I am using in the app I'm working on uses closures to maintain context when passing methods around, which is why adding methods to an array still works in my app's implementation.

See my update to my question. I updated my question to fix my use of execution context and scope to be consistent and accurate when referring to closures vs this. Sign up or log in StackExchange. Sign up using Facebook.

Sign up using Email and Password. Post as a guest Name.

HELP !!! Store & execute function from array (stack) ?

Stack Overflow works best with JavaScript enabled. MathOverflow Mathematics Cross Validated stats Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more 3. Meta Stack Exchange Stack Apps Area 51 Stack Overflow Talent.