正确编写外部JS文件

Question

我有一个包含以下代码的外部JS文件。 尽管它可以正常工作，但我想问一下我在文件中编写代码的方式是否正确

我当前的代码

$(document).ready(function () {
    $('#divTest').click(function () {
        // Some Instructions Here
    });
});

function js_function_One(){
    // Some Instruction
}

function js_function_Two(){
    // Some Instruction
}

或者应该是这种方式（将所有内容放入文档准备功能中

$(document).ready(function () {
    $('#divTest').click(function () {
        // Some Instructions Here
    });

    function js_function_One(){
    // Some Instruction
    }

    function js_function_Two(){
    // Some Instruction
    }
});

Answer 1

因此，“就绪”事件仅告诉您您的文档/ DOM已完全加载。 这样，您可以开始从dom中选择元素，并确保所有内容都存在。 因此，将选择器置于ready函数中似乎是个好主意。

函数的所有声明等都不必位于ready函数中，因为顾名思义，您只需声明（告诉函数该做什么）..然后执行本身应再次位于ready块中。

希望你有一个清晰的画面。

Answer 2

要看。 假设您希望函数调用仅在ready范围内进行，那么您可以执行以下操作

$(document).ready(function () {
    $('#divTest').click(function () {
        // Some Instructions Here
    });
    function js_function_One(){
    // Some Instruction
    }

});

在这里，对js_function_One()的调用只能在ready函数中完成。 如果要全局使用该功能，可以坚持使用当前代码。 无论哪种方式，都很好。