関数の分類の詳細な説明とJavascriptでのこのポイントの例

<スクリプト>
        //メソッド1
        関数fn() {
            console.log('fn が作成されました ');
        }
        //メソッド2
        var fn2 = 関数() {
            console.log('fn2 が作成されました');
        }
        //メソッド3
        var fn3 = 新しい関数('test'、'console.log(test);');
        fn3('fn3 テスト');
        コンソール.dir(fn3);
        console.log(fn3 オブジェクトのインスタンス);
    </スクリプト>

<スクリプト>
        //関数の分類と呼び出し方法 //方法1 通常の標準関数、これはウィンドウを指す
        関数fn() {
            console.log('fn1' + これ);
        }
        fn(); //基本的にはwindow.fn(); グローバル関数はwindowのメンバーです //メソッド2オブジェクトメソッドthisは呼び出し元を指しますo
        var o = {
            こんにちは: 関数 () {
                コンソールにログ出力します。
            }
        }
        o.sayHi();

        //モード 3 コンストラクタは新しく作成されたオブジェクトを指し、ここでは star1 を指します。
        関数 Star(ユーザー名){
            this.username = ユーザー名;
        }
        var star1 = 新しい Star('ldh');

        //方法 4: イベント関数 this を関数呼び出し元 btn にバインドする
        var fn = 関数 (){
            console.log('btn がクリックされました' + this);
        }
        btn.onclick = fn;
        //ボタンをクリックして関数を呼び出す //方法5 タイマー関数 タイマーは実際にはウィンドウのメンバーなので、これはウィンドウです
        関数(){},1000 を設定します。
        // タイマーは設定された時間間隔で呼び出されます // 方法 6: 関数をすぐに実行します。これはウィンドウです。方法 1 と同じです (function(){console.log('function performed')})();
//すぐに実行を呼び出す必要はありません</script>

<スクリプト>
        //関数を呼び出す 
        関数 Father(ユーザー名, 年齢) {
            this.username = ユーザー名;
            this.age = 年齢;
        }

        関数 Son(ユーザー名, 年齢, 性別) {
            Father.call(this, username, age); //親クラスのプロパティを継承します。this.gender = gender;
        }
    </スクリプト>

<スクリプト>
        //関数を適用する 
        var o = {
            ユーザー名: 'testuser'
        };
        関数fn(arr) {
            コンソールにログ出力します。
            (i = 0 とします; i < arr.length; i++) {
                コンソールにログ出力します。

            }
            console.log(これを);
        }

        fn.apply(o, [23, 43]);
        コンソールログ(Math.max(43, 45, 243, 342));
        console.log(Math.max.apply(Math、[4324, 45, 342, 23])); 
    </スクリプト>

<本文>
    <button>クリックしてください</button>
    <button>クリックしてください</button>
    <button>クリックしてください</button>
    <スクリプト>
        //バインド関数
        //ケース: 確認コードを送信し、3 秒後に再度送信する複数のボタンを実装します。var btns = document.querySelectorAll('button');
        (i = 0 とします; i < btns.length; i++) {
            btns[i].onclick = 関数（）{
                this.disabled = true;
                setTimeout(関数() {
                    this.disabled = false; //これをbtnを指すように変更し、3000ms後に実行します}.bind(this), 3000);
            }
        }        
    </スクリプト>
</本文>