如何使函數在JS / JQuery中僅執行一次

Question

我有這樣的結構：

// App.js
var APP = {
    viewIndex: function(){
        EVT.doSomething();
    },

    // Another function below
}

// Event.js

var EVT = {
    doSomething: function(){
        deleteField();

        function deleteField(){
            $("body").on("click", "#btn", function(){
                console.log("Clicked");
            })
        }
    }
}

我的項目是SPA wannabe，所以當我想更改頁面時，它必須在App.js執行某些功能，但是我的問題是，當我調用APP.viewIndex() (when i go to Index, go back, and go to index again(without refreshing page) ) ， EVT -> doSomething()函數執行兩次，所以我不知道如何防止它，

在我的控制台中，我得到了：

已點擊

已點擊

*對不起，如果我的解釋有點復雜

希望你們能幫助我解決這個問題：D

謝謝

Answer 1

使用一個屬性來記住您是否已經調用過deleteField() 。

var EVT = {
    didSomething: false,
    doSomething: function(){
        if (!this.didSomething) {
            deleteField();
            this.didSomething = true;
        }
        function deleteField(){
            $("body").on("click", "#btn", function(){
                console.log("Clicked");
            })
        }
    }
}