What is the syntax for leading bang! in JavaScript function?

The leading bang (!) in JavaScript is used to immediately invoke anonymous functions. It converts the function declaration into a function expression, allowing immediate execution.

Why Use Leading Bang?

JavaScript requires function expressions (not declarations) to be immediately invoked. The ! operator forces the parser to treat the function as an expression.

Syntax

!function() {
    // code here
}();

Example: Basic Usage

!function() {
    console.log("Immediately invoked with bang!");
}();

Immediately invoked with bang!

Alternative Operators

Besides !, you can use other unary operators like +, -, or ~:

+function() {
    console.log("Using plus operator");
}();

-function() {
    console.log("Using minus operator");
}();

~function() {
    console.log("Using tilde operator");
    return 42;
}();

Using plus operator
Using minus operator
Using tilde operator

Comparison with IIFE

Practical Example

!function(name) {
    console.log("Hello, " + name + "!");
    console.log("This runs immediately");
}("World");

Hello, World!
This runs immediately

Conclusion

The leading bang (!) is a shorthand way to create immediately invoked function expressions. It's commonly used in minified JavaScript code but traditional IIFE syntax is more readable for most applications.