如何優(yōu)化JavaScript代碼

如何優(yōu)化JavaScript代碼？針對這個(gè)問題，這篇文章給出了相對應(yīng)的分析和解答，希望能幫助更多想解決這個(gè)問題的朋友找到更加簡單易行的辦法。

JS代碼的執(zhí)行效率往往直接影響了頁面的性能，有的時(shí)候，實(shí)現(xiàn)同樣的功能，不同的JS代碼往往在效率上相差很多，有的時(shí)候僅僅是由于我們的書寫習(xí)慣導(dǎo)致的，當(dāng)然在高級點(diǎn)的瀏覽器中，它們大多都已經(jīng)幫我們優(yōu)化了，但是在中國，萬惡的IE6仍然大量的存在，我們不得不去考慮它。

不好的寫法

下面的寫法相對而言不是那么優(yōu)化和有效率：

function something() {
    if('something' in obj) {
        // something
    }
    else {
        // fallback
    }
}

上面的代碼不是很高效的原因是，每次函數(shù)調(diào)用時(shí)，判斷條件都要執(zhí)行一次。讓我們改進(jìn)它一下：

優(yōu)化的代碼

與其每次函數(shù)調(diào)用都要執(zhí)行判斷條件，不如先執(zhí)行判斷語句，然后創(chuàng)建函數(shù)：

var something = ('something' in obj) ? function() {
    // something
} : function() {
    // fallback
};

這種模式用在對瀏覽器是否具備某種特征功能判斷時(shí)尤其有效，因?yàn)榕袛嗟哪繕?biāo)特征不可能隨后發(fā)生變化。雖然這種判斷語句的執(zhí)行速度很快，你也沒有理由重復(fù)執(zhí)行它們多次，總之，養(yǎng)成好的編碼習(xí)慣，不要重復(fù)的代碼！

關(guān)于如何優(yōu)化JavaScript代碼就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。