JavaScirpt 編碼規范

zengdongbao 發布于2019-08-22 18:18 / 1334人閱讀

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

JavaScirpt 編碼規范 簡介

這套規范的主體是基于 JavaScript Stardard Style 的內容基于自身的業務需要和情況來進行自我定制和更新。

重點

1.縮進

使用兩個空格進行縮進。

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

2.命名

對于變量和函數名統一使用駝峰命名法。

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
*/

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

4.不要使用 eval()。

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

細則

JavaScript Stardrad Style

使用

使用 Eslint,配置為 Standrd.

extends: "standard",

后續？

函數命名語義規范

變量語義規范

編碼原則

GPU云服務器云服務器規范編碼編碼規范 php編碼規范 js安全編碼規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95717.html

深入理解JavaScirpt的函數調用和"this"

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

bladefury 2019-08-23 10:34 評論0 收藏0
DOM 深入學習 - 1

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

姘存按 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 函數究竟做了哪些事

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

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

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

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