国产探花免费观看_亚洲丰满少妇自慰呻吟_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參考標準


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丹寨县| 江陵县| 谢通门县| 五指山市| 河曲县| 乌鲁木齐市| 南漳县| 淮阳县| 岳普湖县| 清丰县| 八宿县| 静宁县| 蕉岭县| 南平市| 晋宁县| 迁西县| 扎兰屯市| 上饶市| 涡阳县| 辽阳县| 千阳县| 安仁县| 依兰县| 类乌齐县| 确山县| 金堂县| 辉南县| 达尔| 双峰县| 乃东县| 尚义县| 阿荣旗| 林西县| 乌兰县| 涞源县| 五华县| 湄潭县| 甘泉县| 察雅县| 浦城县| 婺源县|