前端开发中的一些js规范( 二 ) _js规范

this.queue = [...contents];
}
Queue.prototype.pop = function () {
const value = https://www.isolves.com/it/cxkf/yy/js/2019-10-16/this.queue[0];
this.queue.splice(0, 1);
return value;
};
// good
class Queue {
constructor(contents = []) {
this.queue = [...contents];
}
pop() {
const value = https://www.isolves.com/it/cxkf/yy/js/2019-10-16/this.queue[0];
this.queue.splice(0, 1);
return value;
}
}
14. 用`extends`实现继承
// bad
const inherits = require('inherits');
function PeekableQueue(contents) {
Queue.apply(this, contents);
}
inherits(PeekableQueue, Queue);
PeekableQueue.prototype.peek = function () {
return this._queue[0];
}
// good
class PeekableQueue extends Queue {
peek() {
return this._queue[0];
}
}
15.可以返回`this`来实现方法链
// bad
Jedi.prototype.jump = function () {
this.jumping = true;
return true;
};
Jedi.prototype.setHeight = function (height) {
this.height = height;
};
const luke = new Jedi();
luke.jump(); // => true
luke.setHeight(20); // => undefined
// good
class Jedi {
jump() {
this.jumping = true;
return this;
}
setHeight(height) {
this.height = height;
return this;
}
}
const luke = new Jedi();
luke.jump()
.setHeight(20);
16.如果没有具体说明，类有默认的构造方法。一个空的构造函数或只是代表父类的构造函数是不需要写的。
// bad
class Jedi {
constructor() {}
getName() {
return this.name;
}
}
// bad
class Rey extends Jedi {
// 这种构造函数是不需要写的
constructor(...args) {
super(...args);
}
}
// good
class Rey extends Jedi {
constructor(...args) {
super(...args);
this.name = 'Rey';
}
}
17. 一个路径只 import 一次。
// bad
import foo from 'foo';
// … some other imports … //
import { named1, named2 } from 'foo';
// good
import foo, { named1, named2 } from 'foo';
// good
import foo, {
named1,
named2,
} from 'foo';
18. 做幂运算时用幂操作符 `**`。
// bad
const binary = Math.pow(2, 10);
// good
const binary = 2 ** 10;
19.三元表达式不应该嵌套，通常是单行表达式。
// bad
const foo = maybe1 > maybe2
? "bar"
: value1 > value2 ? "baz" : null;
// better
const maybeNull = value1 > value2 ? 'baz' : null;
const foo = maybe1 > maybe2
? 'bar'
: maybeNull;
// best
const maybeNull = value1 > value2 ? 'baz' : null;
const foo = maybe1 > maybe2 ? 'bar' : maybeNull;
20.避免不需要的三元表达式
// bad
const foo = a ? a : b;
const bar = c ? true : false;
const baz = c ? false : true;
// good
const foo = a || b;
const bar = !!c;
const baz = !c;
21. 如果 `if` 语句中总是需要用 `return` 返回，那后续的 `else` 就不需要写了。`if` 块中包含 `return`，它后面的 `else if` 块中也包含了 `return`，这个时候就可以把 `return` 分到多个 `if` 语句块中。
// bad
function foo() {
if (x) {
return x;
} else {
return y;
}
}
// bad
function cats() {
if (x) {
return x;
} else if (y) {
return y;
}
}
// bad
function dogs() {
if (x) {
return x;
} else {
if (y) {
return y;
}
}
}
// good
function foo() {
if (x) {
return x;
}
return y;
}
// good
function cats() {
if (x) {
return x;
}
if (y) {
return y;
}
}
// good
function dogs(x) {
if (x) {
if (z) {
return y;
}
} else {
return z;
}
}

前端开发中的一些js规范( 二 )

推荐阅读

黑茶怎么喝才能减肥,完美沙棘茶怎么喝减肥

整点政事@中国足协发文确认降薪，2020赛季中超继续推延

「钢铁七连」空袭美舰，最终只落得埋骨他乡的轰-6D轰炸机，远征大漠

火箭队|二换二！火箭组建三巨头方案出炉，他们才是哈登夺冠的真正帮手

收盘价|交易异动！瑞泰科技：近3个交易日下跌18.48%

鹈鹕|缺乏双核心的鹈鹕为何能全场吊打实力强大的掘金赢球的秘诀在哪

中央扫黑督导组“十二时辰”：随身带头孢，午夜开会吃泡面

短裤配什么鞋（短裤搭对了鞋，三伏天才能更好地耍帅

[育坛]鸿运降临，万福齐聚家中，能过上富贵生活的3属相，下周开始

腾讯|美团恢复支付宝支付，马云深得民心，让王兴也无可奈何！

药酒有禁忌饮用须适量

井尚美发梦|青岛毛戈平形象设计学员优秀作品

小叮当的时尚笔记|41岁秦海璐换发型了？毛领针织上衣搭小皮裤，看上去年轻10岁

航班|受到疫情影响，乌鲁木齐机场航班大面积取消

公交安全员被指骚扰女乘客北京公交集团回应

挂烫机喷一分钟蒸汽就不喷了是怎么了,挂烫机为什么只能喷几分钟就不喷了

「豆瓣」10部高分烧脑电影，骗得你团团转

被同性妻子“控制”的小龙女吴卓林，已经走上另一条大道了

牛肉牛肉中间发黑牛肉发黑的原因吗

【北京交通广播】夏天开车出门，这个东西一定不要忘了带！，@北京车主