首頁 web前端 js教程 重構Javascript程式碼範例(重構前後對比)_javascript技巧

重構Javascript程式碼範例(重構前後對比)_javascript技巧

May 16, 2016 pm 05:43 PM
重構

今天有做了幾個asp.net結合Javascript的教學文章。現回顧頭來看那些Javascript腳本,有寫得不太理想,過於複雜。現抽取出來,重建它們。
之前一

複製程式碼 代碼如下:


代碼如下:



代碼如下:



代碼如下:



代碼如下:



代碼如下:cb.checked = cb.checked ? false : true;
var gv = document.getElementById('');
var rc = gv .rows.length;
for (var i = 1; i var input = gv.rows[i].cells[0].getElementsByTagName("input");
if (input[0].type == "checkbox" && input[0].checked) {
input[0].checked = false;
gv.rows[i].style.backgroundColor = "" ;
}
else { input[0].checked = true; gv.rows[i].style.backgroundColor = "#66ff33;";
} else {
row.style.backgroundColor = "";
}
}



經過重構之後的Javascript腳本
:




複製程式碼


程式碼如下:

function SelectedAll(cb) {
gv = document.getElementById(''); var rc = gv.rows.length; for (var i = 1; i var input = gv.rows[i].cells[0].getElementsByTagName("input"); function SelectedSingle(cb) {
var row = cb.parentNode.parentNode;
row.style.backgroundColor = cb.checked? "#66ff33;":"";
}
}



之前二





複製程式碼

程式碼
複製程式碼
複製碼🎜>function Check_Uncheck_All(cb) { var cbl = document.getElementById(""); var input = cbl.getElementsByTagName("input") var input = cbl.getElementsByTagName("input") if ; cb.checked) { for (var i = 0; i input[i].checked = true;
}
}
else {
for (var i = 0; i input[i].checked = false;
}
}
}

} } } } } } } } } } 重構之後的Javascript腳本: 複製代碼 代碼如下: function Check_Uncheck_All(cb) { var cbl = document.getElementById(""); var input = cbl.getElementsByTagName("input"); var i = 0; i input[i].checked = cb.checked; } }
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何解決Python的程式碼中的程式碼複雜度過高錯誤? 如何解決Python的程式碼中的程式碼複雜度過高錯誤? Jun 24, 2023 pm 05:43 PM

Python是一門簡單易學高效的程式語言,但當我們在編寫Python程式碼時,可能會遇到一些程式碼複雜度過高的問題。這些問題如果不解決,會使得程式碼難以維護,容易出錯,降低程式碼的可讀性和可擴充性。因此,在本文中,我們將討論如何解決Python程式碼中的程式碼複雜度過高錯誤。了解程式碼複雜度程式碼複雜度是一種度量程式碼難以理解和維護的性質。在Python中,有一些指標可以用

如何解決Python的程式碼的可維護性差錯誤? 如何解決Python的程式碼的可維護性差錯誤? Jun 25, 2023 am 11:58 AM

Python作為一門高階程式語言,在軟體開發中得到了廣泛應用。雖然Python有許多優點,但許多Python程式設計師經常面臨的問題是,程式碼的可維護性較差。 Python程式碼的可維護性包括程式碼的易讀性、可擴充性、可重複使用性等面向。在本篇文章中,我們將著重討論如何解決Python程式碼的可維護性差的問題。一、代碼的易讀性代碼可讀性是指代碼的易讀程度,它是代碼可維護性的核

如何做好Java程式碼的重構 如何做好Java程式碼的重構 Jun 15, 2023 pm 09:17 PM

作為世界上最受歡迎的程式語言之一,Java已成為許多企業和開發者的首選語言。然而,程式碼的重構對於保持程式碼品質以及開發效率至關重要。 Java程式碼由於其複雜性,隨著時間的推移可能會變得越來越難以維護。本文將討論如何進行Java程式碼的重構,以提高程式碼品質和可維護性。了解重構的原則Java程式碼重構的目的在於改進程式碼的結構、可讀性和可維護性,而不是簡單的「改變程式碼」。因

深入理解Go語言中的函數重構技巧 深入理解Go語言中的函數重構技巧 Mar 28, 2024 pm 03:05 PM

在Go語言程式開發中,函數重構技巧是十分重要的一環。透過優化和重構函數,不僅可以提高程式碼品質和可維護性,還可以提升程式的效能和可讀性。本文將深入探討Go語言中的函數重構技巧,結合具體的程式碼範例,幫助讀者更能理解和應用這些技巧。 1.程式碼範例1:提取重複程式碼片段在實際開發中,經常會遇到重複使用的程式碼片段,這時就可以考慮將重複程式碼提取出來作為一個獨立的函數,以

Go語言中的最佳化與重構的方法 Go語言中的最佳化與重構的方法 Jun 02, 2023 am 10:40 AM

Go語言是一門相對年輕的程式語言,雖然從語言本身的設計來看,其已經考慮到了很多優化點,使得其具備高效的性能和良好的可維護性,但是這並不代表著我們在開發Go應用時不需要最佳化和重構,特別是在長期的程式碼累積過程中,原來的程式碼架構可能已經開始失去優勢,需要透過最佳化和重構來提高系統的效能和可維護性。本文將分享一些在Go語言中最佳化和重構的方法,希望能對Go開發者有所幫

React程式碼重構指南:如何改善前端應用的程式碼結構和可讀性 React程式碼重構指南:如何改善前端應用的程式碼結構和可讀性 Sep 26, 2023 am 08:37 AM

React程式碼重構指南:如何改善前端應用的程式碼結構和可讀性前端開發中,程式碼結構和可讀性對於專案的維護和擴展至關重要。當專案規模逐漸增大,程式碼逐漸變得複雜,我們就需要進行程式碼重構,以便更好地組織程式碼、提高可維護性和可讀性。本文將從以下幾個方面介紹如何重構React程式碼,並提供具體的程式碼範例。一、元件拆分在React開發中,拆分成更小的元件是一種有效的程式碼重構方

Go語言中的該如何進行程式碼重構 Go語言中的該如何進行程式碼重構 Jun 02, 2023 am 08:31 AM

隨著軟體開發的不斷深入和程式碼的不斷積累,程式碼重構已經成為了現代軟體開發過程中不可避免的一部分。它是一種對系統的既定代碼進行修改,以改善其結構、性能、可讀性或其他相關方面的過程。在本文中,我們將探討如何在Go語言中進行程式碼重構。定義好重構的目標在開始程式碼重構之前,我們應該要訂定一個明確的重構目標。我們需要問自己一些問題,例如這段程式碼有哪些問題?我們要透過重構

Java開發中的程式碼重構經驗與建議 Java開發中的程式碼重構經驗與建議 Nov 22, 2023 pm 08:12 PM

在Java開發中,程式碼重構是非常重要的環節。它能夠幫助我們改善程式碼品質、減少程式碼冗餘、提高可維護性和效能。本文將分享一些程式碼重構的經驗與建議,希望對Java開發者有幫助。確定重構的目標在進行程式碼重構之前,首先需要明確重構的目標是什麼。是為了改進程式碼的可讀性?還是為了提高性能?還是為了修復bug?明確目標能夠幫助我們更有針對性地進行重構,而不是盲目地進行更

See all articles