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

所以＆＃34;准备好＆＃34;事件只是告诉您文档/ DOM已完全加载。通过这种方式，您可以开始从dom中选择元素并确保一切都存在。因此，将选择器放入就绪函数似乎是一个好主意。

函数等的所有声明都不必处于就绪函数中，因为顾名思义，你只声明（告诉函数要做什么）..然后执行本身就应该准备好了再次阻止。

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

Answer 2

取决于。假设您希望函数调用仅在ready范围内进行，那么您可以执行类似

的操作

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

});

此处对js_function_One()的调用只能在ready函数内完成。如果要全局使用该功能，可以坚持使用当前代码。无论哪种方式，都没关系。

正确编写外部JS文件

2 个答案: