Function Declaration and Function Expression are two ways to define functions in JavaScript.
<h2>Function Declaration:</h2>
<ul>
<li>
A function declaration is a statement that defines a named function. It is hoisted, which means it's available for use before the line where it's declared i.e. you can call the function before its actual declaration in the code.
</li>
<li>
Function declarations start with the <code>function</code> keyword, followed by the function name, parameters, and function body.
<pre class="shiki github-dark shaku"><code>function add(a, b) { return a + b;}// You can call the function anywhere in your code, even before the declaration.console.log(add(2, 3)); // Outputs: 5</code></pre>
</li>
</ul>
<h2>Function Expression:</h2>
<ul>
<li>
A function expression defines a function as part of an expression. It is not hoisted, so you can only use it after it's been declared in the code.
</li>
<li>
Function expressions can be anonymous (no function name) or have a name (named function expression). Named function expressions are useful for debugging.
<pre class="shiki github-dark shaku"><code>// Example of a Anonymous Function Expression: var multiply = function(a, b) { return a * b;};// Example of a Named Function Expression:var divide = function divideFunction(a, b) { return a / b;};// You can only call the function after the expression where it's defined.console.log(multiply(4, 5)); // Outputs: 20console.log(divide(10, 2)); // Outputs: 5</code></pre>
</li>
</ul>