Semicolon and self executing anonymous functions

[Uxio0]

Standard format is breaking my code removing the semicolons.

You just have to take Facebook SDK Api Example:

function load() {
    window.fbAsyncInit = function() {
        FB.init({
            appId      : 'xxxxxxxxxxxxxxxx',
            cookie     : true,  // enable cookies to allow the server to access
            // the session
            xfbml      : true,
            version    : 'v2.6'
        })
        checkLoginState()
    };

    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
}

It works. Notice that if you remove the semicolon on }; you get an error FB is not defined.

When it's formatted to standard-format, it's not working anymore (FB not defined):

function load () {
  window.fbAsyncInit = function () {
    FB.init({
      appId: 'xxxxxxxxxxxxxxxx',
      cookie: true, // enable cookies to allow the server to access
      // the session
      xfbml: true,
      version: 'v2.6'
    })
    checkLoginState()
  }(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0]
    if (d.getElementById(id)) return
    js = d.createElement(s); js.id = id
    js.src = '//connect.facebook.net/en_US/sdk.js'
    fjs.parentNode.insertBefore(js, fjs)
  }(document, 'script', 'facebook-jssdk'))
}

Maybe I'm doing something wrong.

[yoshuawuyts]

You probably want to do:

;(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0]
    if (d.getElementById(id)) return
    js = d.createElement(s); js.id = id
    js.src = '//connect.facebook.net/en_US/sdk.js'
    fjs.parentNode.insertBefore(js, fjs)
  }(document, 'script', 'facebook-jssdk'))

standard-format is not perfect unfortunately, but I hope this resolves your issue at least for now. Cheers!

[Uxio0]

Oh, thanks for your fast reply! It's working like you say. Could you give me a brief explanation on why it's working?

Cheers!

[dcousens]

@Uxio0 my 2 second explanation:

var foo = function foo (z) { return z }
(9)

console.log(foo)
// => 9

Compared to

var foo = function foo (z) { return z }
;(9)

console.log(foo)
// => [Function: foo]

[Uxio0]

Awesome @dcousens and @yoshuawuyts, thank you very much!