Javascript 在$(文档)中调用多个函数。准备好了吗

Javascript 在$(文档)中调用多个函数。准备好了吗,javascript,jquery,Javascript,Jquery,我有一些用于不同页面的javascript函数,最好在文档中调用所有这些函数(比如说20个函数) function functionforpage1(){ //do something on page1 } function functionforpage2(){ //do something on page2 } function functionforpage3(){ //do something on page3 } …最多功能20 我这样称呼他们 $(doc

我有一些用于不同页面的javascript函数,最好在文档中调用所有这些函数(比如说20个函数)

function functionforpage1(){
    //do something on page1
}

function functionforpage2(){
    //do something on page2
}

function functionforpage3(){
    //do something on page3
}
…最多功能20

我这样称呼他们

$(document).ready(function(){

functionforpage1();
functionforpage2();
functionforpage3()
functionforpage4()
................
functionforpage20()
})

这样做明智吗?它会对页面的性能产生影响吗,因为如果我加载第20页,在执行函数20之前,它必须运行1-19中的所有函数。如果这样做不明智,那么最好的方法是什么?

最好让代码确定哪些函数与页面相关,并只调用这些函数。例如,让主JavaScript根本不使用
ready
,然后在每个页面上有一个小的内联
script
块,只调用相关的块:

<!-- On page 3 -->
<script src="your-main-script.js"></script>
<script>
$(document).ready(functionforpage3);
</script>

$(文档).ready(第3页的函数);

但是,假设函数很早就发现它们不相关(例如,一个简单的DOM查询),调用20个函数,每个函数执行一个DOM查询,其中19个函数停止,因为它们发现找不到要查找的内容,这不会引起任何明显的问题。让它们尽早、快速地失败。

Crowder感谢您的回复,是否建议使用和if语句至少确定页面名称?并知道页面是否真的需要该功能。@chikor.net:我会尽量避免集中这些知识,而是将这些知识保留在页面中(例如,使用上面的内联脚本)。