JavaScript JS Tutorial JS Objects JS Functions JS Classes JS Async JS HTML DOM JS Browser BOM JS Web APIs JS AJAX JS JSON JS vs jQuery JS Graphics



JS Functions

JavaScript (JS) is a programming language that is widely used in web development. One of the key features of JS is its ability to use functions. Functions are blocks of code that can be called and executed multiple times throughout a program. They are essential for creating reusable code and making programs more efficient.

Functions in JS are defined using the function keyword, followed by the function name and a set of parentheses. The code block for the function is then enclosed in curly braces. Here is an example of a simple function:

<script>
function greet() {
  console.log("Hello, world!");
}
greet();
</script>

In this example, the function is named greet and it simply logs the message "Hello, world!" to the console. The function is then called using the greet() syntax.

Functions can also take parameters, which are values that are passed into the function when it is called. These parameters can then be used within the function to perform specific tasks. Here is an example of a function that takes two parameters:

<script>
function addNumbers(num1, num2) {
  return num1 + num2;
}
console.log(addNumbers(5, 10));
</script>

In this example, the function is named addNumbers and it takes two parameters, num1 and num2. The function then returns the sum of these two numbers. The function is called using the addNumbers(5, 10) syntax, which passes in the values 5 and 10 as the two parameters.

Functions can also be assigned to variables, which allows them to be passed around and used in different parts of a program. Here is an example of a function being assigned to a variable:

<script>
var multiplyNumbers = function(num1, num2) {
  return num1 * num2;
}
console.log(multiplyNumbers(5, 10));
</script>

In this example, the function is assigned to the variable multiplyNumbers using the var keyword. The function takes two parameters, num1 and num2, and returns the product of these two numbers. The function is then called using the multiplyNumbers(5, 10) syntax.

Functions can also be used as arguments for other functions. This is known as a callback function. Here is an example of a callback function:

<script>
function doSomething(callback) {
  console.log("Doing something...");
  callback();
}

function sayHello() {
  console.log("Hello!");
}

doSomething(sayHello);
</script>

In this example, the doSomething function takes a callback function as a parameter. The function then logs the message "Doing something..." to the console and calls the callback function. The sayHello function is defined separately and simply logs the message "Hello!" to the console. The doSomething function is then called with the sayHello function as the callback using the doSomething(sayHello) syntax.

Functions are an essential part of JavaScript programming. They allow for the creation of reusable code and make programs more efficient. By understanding how to use functions in JS, developers can create more complex and powerful web applications.

References

Activity