JavaScript Trick: Exclamation Before Function

By Xah Lee. Date: . Last updated: .

What does exclamation/bang symbol before function mean?

!function(…){…}(…);

What does that !function mean?

It is equivalent to this:

(function(…){…})(…);

It means, define a function expression, and evaluate it right there.

The exclamation is the boolean “not” operator. [see JS: true, false]

The exclamation forces what follows into a expression.

People do this hack to save one character worth of source code file size.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog