IIFEでグローバルスコープを守ろう

定義する

                        // function もしくは
                        (function () {
                            /* 処理... */
                        })();
                    
                        // アロー関数
                        (() => {
                            /* 処理... */
                        })();
                    

                        // asyncも可能
                        (async function () {
                            /* 非同期処理... */
                        })();
                        (async () => {
                            /* 非同期処理... */
                        })();
                    

functionと書くのは長ったらしいので、 アロー関数()=>{}が好ましいかもしれませんね。

例

基本的な使い方は、グローバルスコープの汚染を避けるためローカル変数を隔離するためにある

                        // ここで宣言した変数は
                        let x = 1;
                        (() => {
                            // ここでは使える
                            console.log(x); // 1
                            // ここで宣言した変数は
                            let y = 2;
                        })();
                        // ここでは使えない
                        console.log(y); // y is not defined
                    

for文やif文と似たようなスコープの持ち方をします。

引数を渡す

                        ((x) => {
                            console.log(x); // 123
                        })(123);
                    

正直使い所を知りません...
このIIFEは使いまわすような使い方をあまりしないですから。

戻り値

                        let x = (() => {
                            return 1 + 2;
                        })();

                        console.log(x); // 3