6

Gostaria de fazer uma função sem definir a quantidade de parâmetros necessários. Quais as maneiras ou alternativas que posso utilizar para obter esse resultado?

3 Respostas 3

11

Pode usar o .call() ou o .aplly ou mesmo chamar a função da forma mais convecional, e dentro da função, usar a palavra reservada arguments

function foo() {
    console.log(this, arguments);
}
foo.call('foo', 1, {animal: 'cão'}, 3)
foo.apply('foo', [1, {animal: 'cão'}, 3])
foo('foo', 1, {animal: 'cão'}, 3, 4);

http://jsfiddle.net/NDZeV/

Estas 3 maneiras diferentes de chamar uma função e passar argumentos dão o mesmo resultado nos dois primeiros casos.

'foo', // usando o call() e o apply() o primeiro argumento é o this
Arguments[3] // aqui o arguments têm em forma tipo array os restantes argumentos
    0: 1                // o mesmo que arguments[0], ou seja 1
    1: {animal: 'cão'}  // o mesmo que arguments[1], ou seja {animal: 'cão'} 
    2: 3                // o mesmo que arguments[2], ou seja 3

No caso do ultimo exemplo, chamando a função diretamente o this é relativo ao escopo em que se está, provavelmente window e não tem a ver com os parametros passados à função. Neste caso o àrgumentstem somente valores passados da forma mais comum ou sejafunc(a, b, c)`. Neste exemplo de código acima isso dá:

window, // aqui o "this" nõ tem a ver com os parametros da função e vai buscar o valor do this no escopo em que a função estiver
Arguments[3] // argumentos
    0: 'foo'            // o mesmo que arguments[0], ou seja 'foo'
    1:                  // o mesmo que arguments[1], ou seja 1
    2: {animal: 'cão'}  // o mesmo que arguments[2], ou seja {animal: 'cão'} 
    3: 4                // o mesmo que arguments[3], ou seja 3
    4: 4                // o mesmo que arguments[4], ou seja 4

Este objeto arguments é uma variável local da função e não é um array mas sim como o @bfavaretto indicou é um array-like object, e partilhar por exemplo a propriedade length das arrays.

MDN:

9
  • Se eu chamar a função foo(numero), onde int numero = 10; Como dar um alert dessa variavel dentro da função?
    – Joao Paulo
    Commented 19/05/2014 às 13:48
  • Obrigado @bfavaretto. Só mais uma pergunta. Se eu quiser dar um alert que mostre o nome da variável, como ficaria?
    – Joao Paulo
    Commented 19/05/2014 às 13:53
  • @JoaoPaulo como assim, o que quer dizer com "o nome da variável"?
    – Sergio
    Commented 19/05/2014 às 13:56
  • @bfavaretto tens toda a razão. Vou corrigir...
    – Sergio
    Commented 19/05/2014 às 13:56
  • 1
    Uso parametros nomeados. Tem ajax em toda aplicacao e sempre tenho que criar a string data com os parametros e valores para enviar ao Controller C#. Ai gostaria de montar essa função para simplificar.
    – Joao Paulo
    Commented 19/05/2014 às 14:16
8

A resposta do Sergio é excelente e concordo que seja a correta. Vou deixar uma alternativa apenas para aumentar o leque de opções para quem quiser trabalhar com múltiplos parâmetros.

Existe uma técnica que é receber um único parâmetro - um dicionário de opções. Essa técnica é utilizada em frameworks como o jQuery, por exemplo.

Um exemplo:

function AplicaCSS (options) {
    if (!options) return;
    var font = options.font || "arial 12";
    var height = options.height || "15px";
    var width = options.width || "100px";
    /*etc., etc.*/
}

Note que, dessa forma, você simplesmente passa um objeto cujas propriedades podem variar. Se eu chamar a função dessa forma:

AplicaCSS({font: "comic sans bold"});

... Funciona. Do jeito que a função está, as propriedades "faltantes" recebem valores padrão. Se eu chamar a função da seguinte forma:

AplicaCSS({height: "10px", width: "50px"});

... Ou:

AplicaCSS({});

... Ou mesmo:

AplicaCSS({bar: "lolwut"}); // Como é uma propriedade que não espero, 'bar' é ignorada.

... Funciona do mesmo jeito. Assim, a quantidade de parâmetros variáveis é do objeto que você passa, não da função em si. Isso lhe dá muita flexibilidade, além de você ter uma função com assinatura fixa e conhecida. Vale a pena também documentar as propriedades que você procura no objeto recebido, para quem for usar sua função ;)

1

você pode utilizar um array para os parametros ou seja não sendo necessário defini-los.

cria uma regra para tratar dinamicamente estes valores e resolveu seu problema.

Utilizo muito isso

1
  • 6
    Você podia acrescentar um exemplo a sua resposta.
    – Lucas Lima
    Commented 19/05/2014 às 13:39

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .