JavaScirpt 編碼規(guī)范

zengdongbao 發(fā)布于2019-08-22 18:18 / 1326人閱讀

摘要：編碼規(guī)范簡(jiǎn)介這套規(guī)范的主體是基于的內(nèi)容基于自身的業(yè)務(wù)需要和情況來(lái)進(jìn)行自我定制和更新。重點(diǎn)縮進(jìn)使用兩個(gè)空格進(jìn)行縮進(jìn)。常量必須全部大寫，且單詞以分割。細(xì)則使用使用配置為后續(xù)函數(shù)命名語(yǔ)義規(guī)范變量語(yǔ)義規(guī)范編碼原則

JavaScirpt 編碼規(guī)范 簡(jiǎn)介

這套規(guī)范的主體是基于 JavaScript Stardard Style 的內(nèi)容基于自身的業(yè)務(wù)需要和情況來(lái)進(jìn)行自我定制和更新。

重點(diǎn)

1.縮進(jìn)

使用兩個(gè)空格進(jìn)行縮進(jìn)。

function hello(name) {
  console.log("hi", name)
}

2.命名

對(duì)于變量和函數(shù)名統(tǒng)一使用駝峰命名法。

function my_function() {} // ? avoid
function myFunction() {} // ? ok

var my_var = "hello" // ? avoid
var myVar = "hello" // ? ok

私有屬性、變量和方法以下劃線 _ 開頭。

var _privateMethod = {};`

類使用 Pascal 命名法。

function TextNode(value, engine) {
  this.value = value
  this.engine = engine
}

類的方法 / 屬性, 使用 Camel 命名法。

TextNode.prototype.clone = function() {
  return this
}

常量：必須全部大寫，且單詞以 _分割。

TextNode.prototype.clone = function() {
  return this
}

boolean 類型的變量使用 is 或 has 開頭。

var HOTEL_GET_URL = "http://map.baidu.com/detail"

3.注釋。

// 單行注釋
/*
*hello
*world
*/

說(shuō)明： 若開始`/*`和結(jié)束`*/`都在一行，推薦采用單行注釋。若至少三行注釋時(shí)，第一行為`/*`，最后行為`*/`，其他行以*開始，并且注釋文字與`*`保留一個(gè)空格。

4.不要使用 eval()。

eval("var result = user." + propName) // ? avoid
var result = user[propName] // ? ok

細(xì)則

JavaScript Stardrad Style

使用

使用 Eslint,配置為 Standrd.

extends: "standard",

后續(xù)？

函數(shù)命名語(yǔ)義規(guī)范

變量語(yǔ)義規(guī)范

編碼原則

GPU云服務(wù)器云服務(wù)器規(guī)范編碼編碼規(guī)范 php編碼規(guī)范 js安全編碼規(guī)范

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/95717.html

相關(guān)文章

深入理解JavaScirpt的函數(shù)調(diào)用和"this"

摘要：簡(jiǎn)單的函數(shù)調(diào)用顯而易見，一直用調(diào)用函數(shù)將會(huì)非常煩人。規(guī)范說(shuō)幾乎總是被傳遞，但不在嚴(yán)格模式下時(shí)被調(diào)用函數(shù)應(yīng)該將其更改為全局對(duì)象。實(shí)際上，規(guī)范有一個(gè)和都使用的原語(yǔ)內(nèi)部稱為。過(guò)去很多年里，我看到過(guò)太多關(guān)于JavaScript函數(shù)調(diào)用的混淆。尤其是，很多人抱怨函數(shù)調(diào)用中this的語(yǔ)義令人困惑。在我看來(lái)，通過(guò)理解核心函數(shù)調(diào)用原語(yǔ)，然后將其他所有調(diào)用函數(shù)的方法視為在原語(yǔ)之上的語(yǔ)法糖，如此便可澄清...

bladefury 2019-08-23 10:34 評(píng)論0 收藏0
DOM 深入學(xué)習(xí) - 1

摘要：本文章記錄本人在深入學(xué)習(xí)中看書理解到的一些東西，加深記憶和并且整理記錄下來(lái)，方便之后的復(fù)習(xí)。級(jí)年月，正式發(fā)布更新后的核心部分，并且在這次發(fā)布添加了一些新的規(guī)范，這次發(fā)布的稱為級(jí)規(guī)范。本文章記錄本人在深入學(xué)習(xí)Javascirpt DOM中看書理解到的一些東西，加深記憶和并且整理記錄下來(lái)，方便之后的復(fù)習(xí)。 DOM 版本 w3c 指定的DOM規(guī)范包括多個(gè)版本，不同的版本（或稱知為...

姘存按 2019-08-21 10:31 評(píng)論0 收藏0
Javascirpt 阻止表單提交

摘要：在做表單驗(yàn)證的時(shí)候有時(shí)要對(duì)點(diǎn)擊提交按鈕的行為進(jìn)行控制，決定是否提交表單。阻止表單提交允許表單提交在做表單驗(yàn)證的時(shí)候有時(shí)要對(duì)點(diǎn)擊提交按鈕的行為進(jìn)行控制，決定是否提交表單。 HTML: ... Javascript: function check(){ return false;//阻止表單提交 //return true;允許表單提交 }...

陳偉 2019-08-21 12:28 評(píng)論0 收藏0
JavaScirpt 的 bind 函數(shù)究竟做了哪些事

摘要：而且當(dāng)時(shí)，會(huì)把的賦給函數(shù)，而函數(shù)返回的是，所以這時(shí)的也賦給了。實(shí)例化總結(jié)所以函數(shù)總共做了哪幾件事呢沒有實(shí)例化時(shí)，將傳入對(duì)象的參數(shù)引用到當(dāng)前函數(shù)，執(zhí)行當(dāng)前函數(shù)，返回結(jié)果實(shí)例化時(shí)，使用操作生成新函數(shù)，原函數(shù)的賦給新函數(shù)，執(zhí)行新函數(shù)，并返回新函數(shù) 文章原地址：https://github.com/catchonme/... ES5 實(shí)現(xiàn) bind 函數(shù)如下 Function.prototy...

mzlogin 2019-08-22 16:48 評(píng)論0 收藏0
【譯】使用"BinaryAST"加快JavaScript腳本的解析速度？

摘要：是提出并積極開發(fā)的一種新的在線格式，旨在加快解析速度，同時(shí)保持原始的語(yǔ)義不變。它的實(shí)現(xiàn)方式是使用有效的二進(jìn)制來(lái)表示代碼和數(shù)據(jù)結(jié)構(gòu)，并且存儲(chǔ)和提供額外的信息來(lái)提前指導(dǎo)解析器工作。提升依賴于提升所有聲明變量函數(shù)類。原文：Faster script loading with BinaryAST?本文首發(fā)于公眾號(hào)：符合預(yù)期的CoyPan JavaScirpt的冷啟動(dòng) web應(yīng)用的表現(xiàn)，越來(lái)...

Hujiawei 2019-08-23 17:52 評(píng)論0 收藏0