Parameters & Arguments

Learn how functions receive input values using parameters and arguments in JavaScript.

What are Parameters and Arguments?

A function can receive data from the code that calls it. This allows the same function to work with different values.

Parameters are the variable names written in the function definition. Arguments are the actual values passed to the function when it is called.

For example, in greetStudent(studentName), studentName is a parameter. In greetStudent("Gauri"), "Gauri" is the argument.

Parameters are placeholders in a function definition, while arguments are the actual values passed during the function call.

Parameters vs Arguments

Basic Syntax

function greetStudent(studentName) {
    console.log("Hello, " + studentName);
}

greetStudent("Gauri");

How Parameters and Arguments Work

Example 1: Passing One Argument

In this example, the parameter studentName is used to receive a name. When the function is called, the argument "Gauri" is assigned to that parameter.

function greetStudent(studentName) {
    console.log("Hello, " + studentName);
    console.log("Welcome to JavaScript!");
}

greetStudent("Gauri");

Output

Example 2: Passing Multiple Arguments

A function can have more than one parameter. Each parameter receives the corresponding argument supplied during the function call.

function calculateTotal(price, quantity) {
    const total = price * quantity;

    console.log("Price:", price);
    console.log("Quantity:", quantity);
    console.log("Total:", total);
}

calculateTotal(500, 3);

Output

Important Note

Multiple Parameters

JavaScript functions can accept multiple parameters. The arguments are matched to the parameters according to their position in the function call.