javascript - 在函数内创建函数或常量 Javascript

Question

如何在另一个函数中创建一个函数？

我创建了一个添加加载程序的函数，具有SHOW和HIDE两个内部函数，我该如何正确执行？

示例函数：loader.show() 或 loader.hide()

const loader = () => {
    show() {
        $('body').append('<div class="loader -puff" data-loader></div>');
    },
    hide() {
        $('[data-loader]').remove();
    };
}

标签： javascriptjquery

Answer 1

做loader一个对象，而不是一个函数。

const loader = {
    show() {
        $('body').append('<div class="loader -puff" data-loader>loader</div>');
    },
    hide() {
        $('[data-loader]').remove();
    }
}

loader.show();
setTimeout(() => loader.hide(), 2000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>