javascriptのコードの意味

Question

<script>(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/ja_JP/sdk.js#xfbml=1&version=v2.9";
                fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
</script>

このサイトを参考にしました。
このjavascriptのコードなのですが、意味が理解できなくて質問しました。

//1
var js, fjs = d.getElementsByTagName(s)[0];

//2
fjs.parentNode.insertBefore(js, fjs);

//3
if (d.getElementById(id)) return;

1:配列の０番目を変数に入れている？
2:fjs.parentNode.insertBeforeって何をしているのか。
3:これもifは何をしていて、何をreturnしているのか。

Comments

[kei344]

「getElementsByTagName」は調べられましたか？

Answer 1

読みやすく書き直すと、こういうことです。

(function(){
    
    //ひとつめのscriptタグを取得
    var js, fjs = document.getElementsByTagName('script')[0];

    //facebook-jssdkというID名の要素がページ内に既にあったら終了(無い場合はif以下の実行が継続)
    if (document.getElementById('facebook-jssdk') !== null){
        return;
    }
    
    //scriptタグを新たに生成して、idとsrc属性の値を設定
    js = document.createElement('script');
    js.id = 'facebook-jssdk';
    js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.9";
    
    //生成したscriptタグをページ内に追加
    fjs.parentNode.insertBefore(js, fjs);


})();

Answer 2

簡潔に説明しますと、

1:sは引数で'script'なので、scriptタグの0番目を取得しています。

2:同じくscriptタグでsrc='//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.9'を生成して、1で取得したタグの前に挿入しています。

3:dとidも引数で'document'と'facebook-jssdk'なので、html全体でidが'facebook-jssdk'のタグが存在すれば処理を終了するようにしています。

拙くて申し訳ありませんが、とりいそぎ。