Parâmetros e argumentos da função em JavaScript

Em JavaScript, os termos parâmetros e argumentos de uma função são frequentemente usados ​​de forma intercambiável, embora exista uma diferença significativa entre eles. Quando definimos uma função, o Parâmetros de função estão incluídos. Você também pode especificar uma lista de variáveis ​​ao declarar uma função, e essas variáveis ​​são conhecidas como parâmetros de função. No entanto, quando invocamos ou chamamos a função criada passando alguns valores, esses valores são chamados de “argumentos de função”.

Este artigo discutirá parâmetros e argumentos de função em JavaScript. Além disso, também falaremos sobre as regras dos parâmetros de função em JavaScript, adicionando parâmetros de função, parâmetros de função incomparáveis, parâmetros de função padrão, objeto de argumento, passam por valor e passam por referência, com a ajuda de exemplos. Então vamos começar!

Parâmetros de função em JavaScript

Em JavaScript, os parâmetros são as variáveis ​​que listamos na declaração de função. Quando criamos uma função, tomamos parâmetros, que estão incluídos na definição de função. Vários parâmetros podem ser adicionados dentro de parênteses, separados por vírgulas, conforme mostrado na sintaxe abaixo:

Nome da função (parâmetro1, parâmetro2, parâmetro3)
// corpo da função

Aqui, "x" e "y”São parâmetros no seguinte“Adicionar número()”Função:

função addNumber (x, y)
retornar x+y;

Funções Argumentos em JavaScript

O valor que passamos para uma função é conhecido como argumento de uma função. Argumentos são fornecidos à função quando chamamos de. Por exemplo, no exemplo seguinte, “5" e "6“São os argumentos passados ​​para o“Adicionar número()”Função:

var sum = addNumber (5,6)
console.log (soma)

Quando chamamos a função addNumber (), JavaScript criará duas novas variáveis, “x" e "y,”De acordo com nossos parâmetros definidos e depois os inicializa utilizando os argumentos. Depois de fazer isso, o corpo da função será executado:

Função Parâmetro Regras em JavaScript

Aqui estão algumas das regras definidas para parâmetros em JavaScript:

• Você pode definir qualquer número de parâmetros para sua função JavaScript, e o número de argumentos adicionados não precisa ser comparado com o número de parâmetros.
• Você também pode definir valores de parâmetros padrão ao declarar funções.
• Os parâmetros são avaliados em JavaScript da esquerda para a direita.

Adicionando parâmetros de função em JavaScript

Você pode adicionar vários parâmetros à sua função JavaScript de acordo com seus requisitos. Por exemplo, criaremos um “FirstFunc ()”Função que terá zero parâmetros e retornará uma string“Isso é Linuxhint.com”:

// 0 parâmetros
função primeirofunc ()
retornar "Isso é Linuxhint.com ";

A segunda função que criaremos é “SecondFunc ()”. Será preciso um parâmetro, “nome”E, ao chamar essa função, uma string será retornada compreendendo o aprovado“nome”Argumento:

// parâmetro 1
função SecondFunc (nome)
retornar "oi" + nome;

Em seguida, criaremos a terceira função chamada “Adicionar número()”. A função addNumber () levará dois argumentos numéricos aprovados no “x" e "yParâmetros, e retornará sua soma:

// 2 parâmetros
função addNumber (x, y)
retornar x + y;

Agora, em primeiro lugar, chamaremos a função FirstFunc (). Então, vamos passar “John"Como um nome em"SecondFunc ()", e por fim, "2" e "3”São passados ​​como argumentos para a função addNumber ():

console.log (primeirofunc ());
console.log (SecondFunc ("John"));
console.log (addNumber (2,3));

Agora, dê uma olhada na saída da função criada:

Parâmetros de função incomparáveis ​​em JavaScript

A função JavaScript não apresentará nenhum erro quando os argumentos que você passou forem maiores ou menores que o número de parâmetros.

Por exemplo, criamos um “Adicionar número()”Função que possui dois parâmetros,“x" e "y”:

função addNumber (x, y)
retornar x + y;

Quando chamamos nosso “Adicionar número()”JavaScript Functionwithout Passando qualquer argumento, ele não lançará nenhum erro. No entanto, ele inicializará os parâmetros adicionados como “indefinido”.

No outro caso, se o número de argumentos exceder o número de parâmetros, o intérprete JavaScript ignorará os argumentos restantes.

Em uma situação, quando nenhum argumento é aprovado, ambos “x" e "yOs parâmetros serão inicializados como “indefinido”:

console.log (addNumber ());

Quando você passa um único argumento, ele será passado para o “x”Parâmetro e“y”Será inicializado como“indefinido”:

console.log (addNumber (10));

Agora, quando passamos três valores como argumentos, “x" e "y”Será inicializado com os dois primeiros valores e o terceiro argumento será ignorado:

console.log (addNumber (10,20,30));

A imagem a seguir mostrará o código e a saída relacionada aos casos acima:

Parâmetros de função padrão em JavaScript

O JavaScript também permite configurar os parâmetros de função com os valores padrão. Esses valores são adicionados na declaração de função usando o operador de atribuição “=”.

Por exemplo, no abaixo-dado “Adicionar número()”Função, nós atribuímos“0"Para ambos"x" e "y”Variáveis. Agora, essas variáveis ​​serão inicializadas para zero se não passarmos nenhum argumento enquanto chamamos o “Adicionar número()”Função:

função addNumber (x = 0, y = 0)
retornar x + y;

Objeto de argumento em JavaScript

Outro método existe para acessar os argumentos dentro de nossa função, que é “Objeto de argumentos”. O objeto de argumentos compreende os valores de argumento em um objeto com um mecanismo semelhante às matrizes.

Vamos ajudá -lo a entender esse conceito com um exemplo.

Exemplo: Usando o objeto de argumento em javascript

No abaixo-dado “soma()Função, declaramos três parâmetros: x, y e z. Podemos acessar os valores dos argumentos aprovados usando o “argumentos”Array, como acessar o“x”Valor do argumento, utilizaremos o“0th”Elemento da matriz de argumentos“Argumentos [0]”.

Agora, execute o código abaixo e consulte o resultado da função SUM () e os elementos de matriz de argumentos acessados:

Função soma (x, y, z)
console.log (argumentos [0]);
console.log (argumentos [1]);
console.log (argumentos [2]);
retornar x+y+z;

soma (4, 5, 6);

Passar por valor e passar por referência em javascript

Tipos de referência e os tipos de valor são os dois tipos de JavaScript. Número, símbolo, string, booleano, nulo, indefinido, bigint são todos os tipos de valor, e o restante dos tipos é submetido a tipos de referência.

Em JavaScript, os tipos de valor são passados ​​com a ajuda de “valores”. Por exemplo, no exemplo seguinte, criamos um “x”Variável tendo“2" valor:

x = 2

Vamos passar nosso “x”Variável para a“SomeFunc ()”Função. No momento de ligar para o “SomeFunc ()", um novo "y”A variável será criada, que é especificada como um parâmetro. A variável “y“Copiará os valores aprovados do argumento“x”. Agora, quaisquer que sejam as mudanças que faremos com o “y”Valor variável, não afetará o valor da variável“x”:

função somefunc (y)
y = 4
console.log (y)

SomeFunc (x)
console.log (x)

Executar o código acima do rumo mostrará a seguinte saída:

Agora, vamos para o conceito de referência passada. Para esse fim, em primeiro lugar, criaremos um “funcionário”O objeto, como um objeto, é considerado um tipo de referência:

Deixe funcionário =
primeiro nome: 'John',
LastName: 'Smith'
;

Quando chamamos de “DoSomething (funcionário)”Função, uma nova variável“obj”Será criado, que receberá o conteúdo do“funcionário”Objeto. Ambos "funcionário" e "obj”As variáveis ​​se referem ao mesmo objeto. No entanto, nesse caso, quando você faz alguma alteração em “obj", Também afetará"funcionário”, Pois ambos estão apontando ou se referindo ao mesmo objeto:

função doSomething (obj)
obj.primeiro nome = 'Peter';

doSomething (funcionário);
console.log (funcionário.primeiro nome);

Da saída, você pode ver que o “primeiro nome"É alterado para"Peter”:

Conclusão

Em JavaScript, parâmetros e argumentos são os dois termos associados à função. Os parâmetros de função são as variáveis ​​especificadas na definição da função, e os argumentos da função são os valores passados ​​como argumentos. Este artigo discutiu parâmetros e argumentos de função em JavaScript. Também falamos sobre as regras dos parâmetros de função em JavaScript, adicionando parâmetros de função, parâmetros de função incomparáveis, parâmetros de função padrão, objeto de argumento, passagem por valor e passagem por referência, com a ajuda de exemplos.