亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

20條學習javascript的編程規(guī)范的建議

 更新時間:2014年11月28日 09:01:11   投稿:hebedich  
本文總結了20條javascript的編程規(guī)范,都是平時項目中使用的時候需要注意的地方,這里推薦給大家,如對大家有所幫助,那便是極好的了。

1、使用js文件管理代碼

所有代碼盡量放在js文件中,然后再html文件中使用script引入,引入時注意放在body標簽后面,并且不使用type或者language。

2、書寫縮進

使用4個空白格縮進,注意不要使用tab鍵進行縮進。

3、斷句

注意行長,每行不超過80個字符,超過時要進行適當斷句,斷句應該再操作符后面進行,最理想的是在逗號(,)后面進行斷句,斷句后下一行使用8格縮進。

4、注解

一般使用單行注釋,塊注釋一般用于文檔。

5、變量聲明

所有變量使用之前先聲明,未聲明的變量會自動作為全局變量。全文應少使用全局變量。
最好把所有變量聲明用一個var實現,并且每個聲明單獨放一行,并添加注釋說明,如果可以所有聲明變量按照字符順序列出,如下:

復制代碼 代碼如下:

var currentEntry,      //當前選擇表項目
    level;          //縮進級別

在函數體內頂部定義所有變量,則var出現在函數體首行。

6、函數聲明

所有函數使用前應該先聲明,并且在變量之后進行-------有助于查看作用域。
函數名和括號直接不應該有空格;右括號(和函數參數之間不應該有空格;左括號)和函數體括號{之間有一個空格;函數體縮進4個空格;函數體結束括號}和函數聲明關鍵字function首字符對齊。如下代碼:

復制代碼 代碼如下:

function outer(c,d) {
    var e = c * d;

    function inner(a,b) {
        return (e * a ) + b;
    }

    return inner(0,1);
}


函數和對象可以被放在任何允許放表達式的地方。
匿名函數關鍵字function和左括號(之間有一個空格。
盡量少使用全局函數。
對于立即執(zhí)行函數,整個調用表達式應放在一對個括號()里面,以明確變量的值是函數執(zhí)行結果而不是函數本身。如下代碼:
復制代碼 代碼如下:

var result = (function () {
    var key = "";
    return {
        get: function () {
            return key;
        },
        set: function (key) {
            key = key;
        }
    };
}());

7、命名

以字母、數字、下劃線命名,避免使用國際字符、美元符號$、反斜杠\。
不要使用下劃線作為名稱的首位字符。
大多數變量和函數使用小寫字母開頭命名。
構造函數必須使用大寫字母開頭,在js中省略new不會報錯(編譯或者運行錯誤),但最好不要省略。
全局變量應用全部大寫命名(js中沒有宏和常量的概念)。

8、語句

簡單語句

每行最多一條語句,并且使用分號;結尾,注意以函數字面量和對象字面量賦值的語句也要使用分號;。
js允許任何一個變量作為一條語句,但是在插入分號的時候可能會引起某些錯誤,因此一般使用表達式的語句是賦值或者函數調用語句(這句英文原文我大概理解了,但是不知道怎么翻譯出來比較好)

復合語句(包含在一對{}之間的語句)

內部語句縮進4個空格。

左括號{應該在開始語句行的末尾。
右括號應該在最后單獨一行,并且與左括號所在行的首字符對齊。
當語句在控制語句(例如for、if等)中時,應該使用花括號{}將語句包圍起來,即使只有一條語句,這樣可以保證在添加語句時不產生bug。

9、標簽(這一部分的理解感覺不是很對)

要使用label的語句是有選擇性的,只有下面幾種:while、for、do、switch。

10、返回語句

返回的值應該用圓括號括起來,且返回表達式應該和return關鍵字在同一行(避免換行插入分號)。

11、if語句

遵循如下格式:

復制代碼 代碼如下:

if (condition) {
    statements
}

if (condition) {
    statements
} else {
    statements
}

if (condition) {
    statements
} else if (condition) {
    statements
} else {
    statements
}

12、for語句

遵循如下格式:

復制代碼 代碼如下:

for (initiliazation; condition; update) {
    statements
}

for (variable in object) {
    if (filter) {
        statements
    }
}


第一種循環(huán)格式用于數組和可以判斷迭代次數的變量。
第二中用于對象遍歷
注:此處提到了在對象原型中添加的屬性是可以枚舉的,因此要使用hasOwnProperty方法進行篩選,但是我用for in代碼測試的時候,沒有顯示,這里不知道問題出在了哪里。

13、while語句

遵循如下格式:

復制代碼 代碼如下:

while (condition) {
    statements
}

14、do-while語句

遵循如下格式:

復制代碼 代碼如下:

do {
    statements 
} while (condition);

語句結尾要添加分號。

15、switch語句

遵循如下格式:

復制代碼 代碼如下:

switch (expression) {
case expression:
    statements
default:
    statements
}

每一個case都要和switch對齊,避免過分縮進,只有case標簽不是語句,應該不應該縮進。
每個case語句(除了default)必須要以break或return或throw結尾。

16、try語句

遵循如下格式:

復制代碼 代碼如下:

try {
    statements
} catch (variable) {
    statements
}
try {
    statements
} catch (variable) {
    statements
} finally {
    statements
}

17、continue語句

避免使用continue語句。

18、with語句

不應該使用with語句。

19、空格使用

通過設置空行來分割邏輯相關的代碼段,以增強代碼可讀性。
在以下情況下設置空格:
關鍵字之后跟隨左括號(要使用空格,例如:
while (true) {
不能在函數參數和左括號(之間使用空格。
除了點號(.)、左圓括號(()、方括號([)以外的二元運算符都要使用一個空格來和操作數分割開。
除了typeof以外的一元操作符和他的操作數之間不應有空格。
for語句控制塊()中每個分號;之后有一個空格。
每個逗號后面要有一個空格。

20、額外建議

[]和{}
當成員名稱是連續(xù)整數時使用數組,當成員名稱是任意字符串和名稱時使用對象。
使用{}代替new object(),使用[]代替new Array()。
逗號,操作符
避免使用逗號,操作符(這一規(guī)定不適用于對象字面量、數組字面量定義和var聲明語句以及參數列表)
塊級作用域
除了符合語句不使用語句塊,js沒有塊級作用域,只有函數作用域。
賦值表達式
while和if語句中條件判斷部分避免使用賦值語句。
===和!==
判定相等使用全等符號(===和!==),避免使用強制類型相等轉換符號(==和!=)。
若一個數字加(或者-)一個帶有符號(+或者-)的數字,或者帶有(++或--)的數字,則需要將帶有符號或者(++或--)的數字括起來。
eval是惡魔(eval的濫用l)
eval有相同情況,不應使用Function構造函數,不向setTimeout或setInterval函數傳遞字符串。

以上20條建議都是本人在項目中總結出來的,對于新手學習javascript應該是小有幫助的,都是個人經驗,難免有不全面的地方,如果發(fā)現了,還請告之,這里拋磚引玉,大家共同進步。

相關文章

  • JavaScript判斷undefined類型的正確方法

    JavaScript判斷undefined類型的正確方法

    這篇文章主要介紹了JavaScript判斷undefined類型的正確方法,相信很多同學在遇到這問題時都會用到錯誤的方法,正確方法也很簡單,需要的朋友可以參考下
    2015-06-06
  • uni-app中彈窗的使用與自定義彈窗

    uni-app中彈窗的使用與自定義彈窗

    眾所周知彈窗在我們實際開發(fā)場景中是非常常用的,最近在工作中就遇到了相關需求,所以下面這篇文章主要給大家介紹了關于uni-app中彈窗使用與自定義彈窗的相關資料,需要的朋友可以參考下
    2022-04-04
  • 一個簡單的JavaScript Map實例(分享)

    一個簡單的JavaScript Map實例(分享)

    下面小編就為大家?guī)硪黄粋€簡單的JavaScript Map實例(分享)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • JS實現CheckBox復選框全選、不選或全不選功能

    JS實現CheckBox復選框全選、不選或全不選功能

    CheckBox控件就是我們一般所說的復選框,通常用于某選項的打開或關閉,如一次性處理多個產品,或對文章的刪除、產品的下架等處理,一條一條的點顯然有一些麻煩,如果能每一行放一個checkbox,然后統(tǒng)一處理就好辦的多了,需要的朋友可以參考下
    2016-02-02
  • js 兩數組去除重復數值的實例

    js 兩數組去除重復數值的實例

    下面小編就為大家分享一篇js 兩數組去除重復數值的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • JS表單驗證插件之數據與邏輯分離操作實例分析【策略模式】

    JS表單驗證插件之數據與邏輯分離操作實例分析【策略模式】

    這篇文章主要介紹了JS表單驗證插件之數據與邏輯分離操作,結合實例形式分析了JavaScript基于策略模式實現數據與邏輯分離的表單驗證插件相關原理、操作技巧及注意事項,需要的朋友可以參考下
    2020-05-05
  • js簡單實現自動生成表格功能示例

    js簡單實現自動生成表格功能示例

    這篇文章主要介紹了js簡單實現自動生成表格功能,結合實例形式分析了JavaScript針對數組元素遍歷與頁面元素動態(tài)操作相關實現技巧,需要的朋友可以參考下
    2020-06-06
  • layui layer select 選擇被遮擋的解決方法

    layui layer select 選擇被遮擋的解決方法

    今天小編就為大家分享一篇layui layer select 選擇被遮擋的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript實現控制打開文件另存為對話框的方法

    JavaScript實現控制打開文件另存為對話框的方法

    這篇文章主要介紹了JavaScript實現控制打開文件另存為對話框的方法,實例分析了javascript實現文件另存為的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • 如何制作浮動廣告 JavaScript制作浮動廣告代碼

    如何制作浮動廣告 JavaScript制作浮動廣告代碼

    如果有一定的JavaScript基礎,制作浮動廣告還是比較容易的,利用閑暇時間簡單制作了一個,感興趣的朋友可以參考下哦
    2012-12-12

最新評論