JavaScirpt 編碼規(guī)范

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

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

JavaScirpt 編碼規(guī)范 簡介

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

重點

1.縮進

使用兩個空格進行縮進。

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

2.命名

對于變量和函數(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
*/

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

4.不要使用 eval()。

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

細則

JavaScript Stardrad Style

使用

使用 Eslint,配置為 Standrd.

extends: "standard",

后續(xù)？

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

變量語義規(guī)范

編碼原則

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95717.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

Hujiawei 2019-08-23 17:52 評論0 收藏0