Javascrip Functions

Here's the general syntax for defining a JavaScript function :

Edit Copy Hide

function functionName(parameters) {
  // Code block or statements
  // that define the function's behavior
}

Let's break down the components of a function definition:

• Function : This is the keyword used to define a function in JavaScript.
• FunctionName : This is the name you give to your function. It should follow JavaScript's naming conventions and be descriptive of what the function does. The name is used to call or invoke the function later in the code.
• Parameters : These are optional inputs that you can define when declaring a function. They act as placeholders for values that will be passed to the function when it is called. Parameters are separated by commas and are enclosed in parentheses ().
• Code block or statements : This is the body of the function and contains the code that will be executed when the function is called. It can include any valid JavaScript statements, such as variable declarations, conditional statements, loops, and more. The code block is enclosed in curly braces {} .

Here's an example of a simple JavaScript function that takes two parameters and returns their sum :

Edit Copy Hide

function addNumbers(a, b) {
  var sum = a + b;
  return sum;
}

In this example, the function is named addNumbers and accepts two parameters ' a ' and ' b ' . It calculates their sum and stores it in the sum variable. The return statement is used to specify the value that the function should return when it is called. Once a function is defined, you can invoke or call it by using its name followed by parentheses and passing the required arguments, if any. For example:

Edit Copy Hide

var result = addNumbers(5, 7);
console.log(result); // Output: 12

In this case, the addNumbers function is called with arguments ' 5 ' and ' 7 ', and the returned value ' (12) ' is stored in the result variable. The value is then logged to the console.

Here are a few more examples of JavaScript function definitions with explanations:

Edit Copy Hide

function greet(name) {
  return "Hello, " + name + "!";
}

Explanation: This function is named greet and accepts one parameter name. It concatenates the name parameter with the string "Hello, " and an exclamation mark. The resulting string is then returned as the output of the function.

Edit Copy Hide

function calculateArea(length, width) {
  var area = length * width;
  return area;
}

Explanation: The calculateArea function takes two parameters, length and width. It multiplies these values to calculate the area and stores the result in the area variable. Finally, it returns the calculated area as the output of the function.

Edit Copy Hide

function isEven(number) {
  if (number % 2 === 0) {
    return true;
  } else {
    return false;
  }
}

Explanation: This function, isEven , checks whether a given number is even or not. It uses the modulo operator % to determine if the number is divisible by 2. If the remainder is 0, it means the number is even, so the function returns true. Otherwise, it returns false.

Edit Copy Hide

function greetMultiple(names) {
  var greetings = [];
  for (var i = 0; i < names.length; i++) {
    greetings.push("Hello, " + names[i] + "!");
  }
  return greetings;
}

Explanation: The greetMultiple function takes an array of names as a parameter. It initializes an empty array called greetings to store the generated greetings. It then uses a for loop to iterate through each name in the names array and constructs a greeting for each name. The greetings are pushed into the greetings array. Finally, the array of greeting is returned as the output of the function.

These examples demonstrate different ways functions can be defined and used in JavaScript. They showcase the flexibility of functions to perform various tasks, including string manipulation, calculations, conditional checks, and iteration.