適合Web前端新手的JavaScript開發(fā)技巧有哪些

本篇內(nèi)容介紹了“適合Web前端新手的JavaScript開發(fā)技巧有哪些”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)專注于東港企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),成都做商城網(wǎng)站。東港網(wǎng)站建設(shè)公司,為東港等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站策劃，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

1、在使用 javascript 類庫之前先學(xué)習(xí) javascript

互聯(lián)網(wǎng)充斥著很多的 javascript 類庫，很多程序員都往往使用 js 類庫而不理解負(fù)面影響。強烈建議你在使用第三方類庫之前學(xué)習(xí)基本的 JS 代碼，否則，你就準(zhǔn)備著倒霉吧。

2、思考后再修改 prototypes

添加新的屬性到對象 prototype 中是導(dǎo)致腳本出錯的常見原因。

yourObject.prototype.anotherFunction = 'Hello';

yourObject.prototype.anotherMethod = function(){...}

在上面代碼中，所有的變量都會被影響，因為他們都繼承于 yourObject。這樣的使用會導(dǎo)致意想不到的行為。所以建議在使用完后刪除類似的修改。

yourObject.prototype.anotherFunction = 'Hello';

yourObject.prototype.anotherMethod = function () { … };

test.anotherMethod();

delete yourObject.prototype.anotherFunction = 'Hello';

delete yourObject.prototype.anotherMethod = function () { … };

在這里小編建了一個前端學(xué)習(xí)交流扣扣群：132667127，我自己整理的最新的前端資料和高級開發(fā)教程，如果有想需要的，可以加群一起學(xué)習(xí)交流

3、Debug Javascript 代碼

即使最好的開發(fā)人員都會犯錯。為了最大化的減少類似錯誤，請在你的 debugger 中運行你的代碼，確認(rèn)你沒有遇到任何細(xì)微的錯誤。

4、避免 Eval

你的 JS 在沒有 eval 方法的時候也可以很好的工作。eval 允許訪問 javascript 編譯器。如果一個字符串作為參數(shù)傳遞到 eval，那么它的結(jié)果可以被執(zhí)行。

這會很大的降低代碼的性能。盡量避免在產(chǎn)品環(huán)境中使用 eval。

5、 最小化 DOM 訪問

DOM 是最復(fù)雜的 API，會使得代碼執(zhí)行過程變慢。有時候 web 頁面可能沒有加載或者加載不完整。最好避免 DOM。

6、盡可能的保持代碼簡潔

可能大家都聽到過了N遍這個代碼簡潔問題了。作為一個開發(fā)人員你可能在你的代碼開發(fā)過程中使用了很多次，但千萬不要在 js 開發(fā)中忘記這點。

§ 盡量在開發(fā)模式中添加注釋和空格，這樣保持代碼的可讀性

§ 在發(fā)布到產(chǎn)品環(huán)境前請將空格和注釋都刪除，并且盡量縮寫變量和方法名

使用第三方工具幫助你實現(xiàn)壓縮 javascript。

7、不要用 “SetTimeOut” 和 “Setinterval” 方法來作為 “Eval” 的備選

setTimeOut( "document.getID('value')", 3000);

在以上代碼中 document.getID(‘value’) 在 setTimeOut 方法中被作為字符串來處理。 這類似于 eval 方法，在每個代碼執(zhí)行中來執(zhí)行一個字符串，因此會降低性能，因此，建議在這些方法中傳遞一個方法。

setTimeOut(yourFunction, 3000);

8、[] 比 new Array(); 更好

一個常犯的錯誤在于使用當(dāng)需要數(shù)組的時候使用一個對象或者該使用對象的時候使用一個數(shù)組。但是使用原則很簡單：

“當(dāng)屬性名稱是小的連續(xù)整數(shù)，你應(yīng)該使用數(shù)組。否則，使用一個對象” – Douglas Crockford, JavaScript: Good Parts 的作者.

建議：

var a = ['1A','2B'];

避免：

var a = new Array();

a[0] = "1A";

a[1] = "2B";

9、盡量不要多次使用 var

在初始每一個變量的時候，程序員都習(xí)慣使用 var 關(guān)鍵字。相反，建議你使用逗號來避免多余的關(guān)鍵字，并且減少代碼體積。 如下：

var variableOne = 'string 1',

variableTwo = 'string 2',

variableThree = 'string 3';

10、不要忽略分號 “;”

這往往是大家花費數(shù)個小時進行 debug 的原因之一。

“適合Web前端新手的JavaScript開發(fā)技巧有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

分享名稱：適合Web前端新手的JavaScript開發(fā)技巧有哪些
鏈接分享：http://bm7419.com/article40/pcspeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、搜索引擎優(yōu)化、全網(wǎng)營銷推廣、域名注冊、網(wǎng)站營銷、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)