Wednesday, November 4, 2009

Pass as a parameter to another function

I recently needed to have a function that accepted a variable number of parameters. This can easily be accomplished using the function myFunction( syntax. This way I can pass in no parameters (in which case rest is an empty array), one parameter, or multiple parameters.

But, then I wanted to pass those same parameters on to another function that also accepted a variable number of parameters (e.g., ...args)). If you simply call the other function and pass in rest as a parameter then it won't work as expected. E.g.
    public function sayHello( {
        // this won't work as expected
    private function callMe( {
        trace(rest.length + ": ['" + rest.join("' | '""']");

What happens in callMe( is rest is an array that actually contains only one item - another array which has the rest parameters that were originally passed into sayHello(
So if you made a call like this:
Then the traced output would be 1: ['Hello,World,!'].
Notice that there is only 1 parameter!

The way to get around this is to use Function.apply(null, args) to call the function instead, like this:
    public function sayHello2( {
        // use Function.apply to pass in the rest parameters properly
        var func:Function = callMe; 
        func.apply(null, rest);

So if you made this call now:
Then the traced output would be 3: ['Hello' | 'World' | '!'].
Now there are 3 parameters as expected.

I found some help on this topic from The Joy Of Flex Blog by David Colleta.


Anonymous said...

hi Chris,
Your posts are good and clear. I follow all ur flex posts.
I know it is a wrong query here. But I dont have other option. Excuse me.
I am new to blogging.So, Can you please share how do you post code snippets in your blogs.
It will be great, if you can point me to right sources. I googled for more than 3 hrs. I didn't find any thing good.

Chris Callendar said...

Hi there,

I actually have a blog post explaining how it post my code snippets with syntax highlighting: