国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

ES6代碼規范(整理)

2024-04-27 15:17:02
字體:
來源:轉載
供稿:網友

ES6提出了兩個新的聲明變量的命令:let 和 const 1. 建議不再使用var,而使用let 和const 。優先使用const。

//badvar a = 1, b =2 , c = 3;// goodconst [a,b,c] = [1,2,3];

2.靜態字符串一律使用單引號或反引號,不建議使用雙引號。動態字符使用反引號。

//bad const a = "foobar"; const b = 'foo'+a+'bb';// good const a = 'foobar';const b = `foo${a}bar`;

3.優先使用解構賦值

const arr = [1, 2, 3, 4];// badconst first = arr[0];const second = arr[1];// goodconst [first, second] = arr;

函數的參數如果是對象的成員,優先使用解構賦值。

// badfunction getFullName(user) { const firstName = user.firstName; const lastName = user.lastName;}// goodfunction getFullName(obj) { const { firstName, lastName } = obj;}// bestfunction getFullName({ firstName, lastName }) {}

如果函數返回多個值,優先使用對象的解構賦值,而不是數組的解構賦值。這樣便于以后添加返回值,以及更改返回值的順序。

// badfunction PRocessInput(input) { return [left, right, top, bottom];}// goodfunction processInput(input) { return { left, right, top, bottom };}const { left, right } = processInput(input);

5.對象的屬性和方法盡量采用簡潔表達法,這樣易于描述和書寫

// bad var ref = 'some value';const atom = { ref:ref, value:1, addValue:function(value){ return atom.value + value; },}// good const atom = { ref, value:1, addValue(value){ return atom.value + value; }}

使用擴展運算符(…) 復制數組,使用Array.from 方法將類似數組的對象轉為數組。

不在使用arguments (偽數組) 而是用…rest 運算符(真數組)。

學習鏈接: Airbnb前端規范

阿里員工前端規范

es6參考標準


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 邢台市| 沁阳市| 定安县| 青铜峡市| 桑日县| 霞浦县| 利川市| 乌海市| 浮梁县| 德安县| 兴城市| 朔州市| 灵寿县| 苍山县| 延津县| 武山县| 古浪县| 徐州市| 禄丰县| 上犹县| 海伦市| 阳东县| 册亨县| 凉山| 德江县| 八宿县| 远安县| 含山县| 民权县| 阳谷县| 和田市| 昌乐县| 互助| 龙山县| 称多县| 汉中市| 遂溪县| 汝阳县| 韶关市| 静海县| 凤山县|