Function expressions are a way of defining functions in JavaScript by assigning them to variables. Unlike function declarations, function expressions are not hoisted, meaning they cannot be used before they are defined in the code.<\/p>\n\n\n\n
They are widely used in modern JavaScript for callbacks, event handling, and creating flexible code structures.<\/p>\n\n\n\n
A function expression defines a function inside an expression and stores it in a variable. It can be anonymous or named.<\/p>\n\n\n\n
Example<\/p>\n\n\n\n
const greet = function() {
console.log(\"Hello, world\");
};
greet();<\/code><\/pre>\n\n\n\nHere the function is stored in a variable called greet and called using that variable.<\/p>\n\n\n\n
Named Function Expression<\/h3>\n\n\n\n
A function expression can also have a name which is useful for debugging.<\/p>\n\n\n\n
const greetUser = function welcome() {
console.log(\"Welcome user\");
};
greetUser();<\/code><\/pre>\n\n\n\nThe function is still accessed through the variable even if it has an internal name.<\/p>\n\n\n\n
Key Features of Function Expressions<\/h3>\n\n\n\n
Functions are stored in variables
They are not hoisted
They can be anonymous or named
They are commonly used in callbacks
They support flexible programming patterns<\/p>\n\n\n\n
Difference Between Function Declaration and Function Expression<\/h3>\n\n\n\n
Function Declaration<\/p>\n\n\n\n
function sayHello() {
console.log(\"Hello\");
}<\/code><\/pre>\n\n\n\nFunction Expression<\/p>\n\n\n\n
const sayHello = function() {
console.log(\"Hello\");
};<\/code><\/pre>\n\n\n\nFunction declarations can be used before they are defined but function expressions cannot.<\/p>\n\n\n\n
Use Cases of Function Expressions<\/h3>\n\n\n\n
Event handling in websites
Callback functions like map and filter
Storing functions in variables
Creating reusable code blocks
Asynchronous programming<\/p>\n\n\n\n
Example with Callback<\/h3>\n\n\n\nconst numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
return num * 2;
});
console.log(doubled);<\/code><\/pre>\n\n\n\nAdvantages<\/h3>\n\n\n\n
Makes code flexible
Helps in writing clean structure
Important for modern frameworks
Useful in functional programming<\/p>\n\n\n\n
Conclusion<\/h3>\n\n\n\n
Function expressions are an important part of JavaScript that help developers write flexible and reusable code. They are widely used in real-world web development.<\/p>\n\n\n