我应该使用什么方法来计算JavaScript中的子类的实例？
我应该使用什么方法来计算JavaScript中的子类的实例？
提问于 2018-07-31 04:08:48
我想实现一个计数器，它将为类(和子类)的每个实例生成唯一的ID。
目前我使用的是：
class Item {
constructor(type) {
this.constructor.counter = (this.constructor.counter || 0) + 1;
this.type = type || "item";
this._id = this.type + "_" + this.constructor.counter;
console.log(this.id);
}
get id() {
return this._id;
}
}
class SubItem extends Item {
constructor() {
super("sub_item");
}
}
var test1 = new Item(); // <- "item_1"
var test2 = new Item(); // <- "item_2"
var test3 = new Item(); // <- "item_3"
var test4 = new Item(); // <- "item_4"
var test5 = new SubItem(); // <- "sub_item_5"
var test6 = new SubItem(); // <- "sub_item_6"
var test7 = new Item(); // <- "item_5"
var test8 = new Item(); // <- "item_6"
你看到问题了吗？如果我先实例化一个SubItem，一切都能正常工作……但是当我首先实例化“母类”时，计数器就坏了。有没有办法解决这个问题？
我正在寻找的行为是：
var test1 = new Item(); // <- "item_1"
var test2 = new Item(); // <- "item_2"
var test3 = new Item(); // <- "item_3"
var test4 = new Item(); // <- "item_4"
var test5 = new SubItem(); // <- "sub_item_1"
var test6 = new SubItem(); // <- "sub_item_2"
var test7 = new Item(); // <- "item_5"
var test8 = new Item(); // <- "item_6" 回答 2
Stack Overflow用户
发布于 2018-07-31 04:28:40
我想我会简单地初始化父类和子类上的计数器。我有点犹豫不决，但我认为它更清晰，并简化了构造函数中的代码。这也让子类控制起始点(我并不认为这很有用)：
class Item {
constructor(type) {
this.constructor.counter++;
this.type = type || "item";
this._id = this.type + "_" + this.constructor.counter;
console.log(this.id);
}
get id() {
return this._id;
}
}
Item.counter = 0 // initialize
class SubItem extends Item {
constructor() {
super("sub_item");
}
}
SubItem.counter = 0 // initialize
var test1 = new Item(); // <- "item_1"
var test2 = new Item(); // <- "item_2"
var test3 = new Item(); // <- "item_3"
var test4 = new Item(); // <- "item_4"
var test5 = new SubItem(); // <- "sub_item_5"
var test6 = new SubItem(); // <- "sub_item_6"
var test7 = new Item(); // <- "item_5"
var test8 = new Item(); // <- "item_6"
Stack Overflow用户
发布于 2018-07-31 04:18:11
将唯一ID放在构造函数之外，并允许所有将递增它的类来限定它的作用域。
let INSTANCE_COUNT = 0;
class Item {
constructor(type) {
this.type = type || "item";
this._id = `${this.type}_${INSTANCE_COUNT++}`;
console.log(this.id);
}
get id() {
return this._id;
}
}
class SubItem extends Item {
constructor() {
super("sub_item");
}
}
var test1 = new Item(); // <- "item_0"
var test2 = new Item(); // <- "item_1"
var test3 = new Item(); // <- "item_2"
var test4 = new Item(); // <- "item_3"
var test5 = new SubItem(); // <- "sub_item_4"
var test6 = new SubItem(); // <- "sub_item_5"
var test7 = new Item(); // <- "item_6"
var test8 = new Item(); // <- "item_7"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51601578
复制相关文章
相似问题
腾讯云开发者
