- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我一直在研究一种类似 ORM 的方法来在 Node.JS 应用程序中处理我的模型,我对它的工作方式很满意;但是,我想知道是否有更好的方法来处理重置构造函数原型(prototype)的问题。
我想要的行为是这样的:
function Person(data) {
for (const key in data) {
this[key] = data[key]
}
}
// setting methods and so on here
Person.findAll() // returns a list of all persons from the db
Person.findOne(id) // returns a person at that ID
const self = new Person(data) // creating a person object
self.save() // saves that object in the db
self.update(data) // updates person object
self.addFriend(id) // creates a record adding the given id as a friend
Person
构造函数中有一些方法可以访问所有 Person
记录,而 Person
的每个实例都有影响这些记录的方法一张唱片。我是这样管理的:
const utils = (tablename) => ({
findAll: () => dbHandler(`SELECT * FROM ${tablename}`),
findOne: id => dbHandler(`SELECT * FROM ${tablename} WHERE id = $1`, [id]),
// etc
})
Object.setPrototypeOf(Person, utils('people'));
.setPrototypeOf
不是最好的方法;它不是特别高效。我想知道是否有更好的方法来处理这样的用例——例如,es6 类规范中是否有任何内容可以处理这个问题? (扩展类并不是我想要的;Person.findAll()
和 self.update(data)
之间的区别对我来说很重要,我希望 util 方法在构造函数本身上。)
编辑:向下面的 Bergi 大喊解决方案(“只需使用 Object.assign
”)...这里有一个小演示:
const dbHandler = (string, arr) => console.log(string, arr)
function Person(data) {
for (const key in data) {
this[key] = data[key]
}
}
const utils = (tablename) => ({
findAll: () => dbHandler(`SELECT * FROM ${tablename}`),
findOne: id => dbHandler(`SELECT * FROM ${tablename} WHERE id = $1`, [id]),
// etc
})
Object.assign(Person, utils('people'));
Person.prototype.save = function() {
console.log(`Saving person with data ${JSON.stringify(this)} to a totally real database`)
}
Person.findAll()
Person.findOne(1)
const self = new Person({
name: 'j',
class: 'wizard'
})
self.save()
最佳答案
没有理由在这里涉及任何继承(设置构造函数的原型(prototype)使其不再继承自 Function.prototype
真的很奇怪)。只需将静态方法分配为 Person
构造函数对象的属性:
Object.assign(Person, utils('people'));
这与
具有相同的效果function createUtils(obj, tablename) {
obj.findAll = () => dbHandler(`SELECT * FROM ${tablename}`);
obj.findOne = id => dbHandler(`SELECT * FROM ${tablename} WHERE id = $1`, [id]);
// etc
}
createUtils(Person, 'people');
关于javascript - 不使用 Object.setPrototypeOf 设置构造函数的原型(prototype)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57364132/
MDN 暗示使用 .setPrototypeOf() 会对代码的 future 性能产生不良影响。 我还阅读了一些关于为什么更改对象的 [[Prototype]] 会降低性能的问题。但是没有一个答案真
因此,我一直在快速了解 JavaScript 的一些新功能,并且一直在阅读有关 Object.setPrototypeOf() 的内容。我从 MDN 中遇到了这段代码它处理从常规对象继承。但是我对他们
所以我读了一些关于 subclassing Array in JavaScript 的博客文章、SO 线程和其他讲座。关于该主题的普遍观点是,没有办法创建具有某种缺点的子类。 在尝试一些事情时,我自己
我正在阅读express 4的源代码,它是相当新的,其中有以下代码: var proto = module.exports = function(options) { var opts = opt
我读了here我们可以使用Object.create来实现继承 这是一个继承自 Shape 的 Rectangle 示例 function Shape() {} function Rectangle(
我想实现 polyfill Object.setPrototypeOf,如下所述: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re
我有以下代码确保 Promise.reject 返回一个实际的错误对象: export const rejectWithAnError = function(error) { if(error.c
我一直在研究一种类似 ORM 的方法来在 Node.JS 应用程序中处理我的模型,我对它的工作方式很满意;但是,我想知道是否有更好的方法来处理重置构造函数原型(prototype)的问题。 我想要的行
显然使用 __proto__ 属性仍然是操作原型(prototype)链的主要方式,尽管这不符合标准并且 IE 不支持它。虽然您也可以通过使用 new 构造函数构造继承,但与 __proto__ 属性
我只是想知道替换 __proto__ 的主要原因是什么功能 getPrototypeOf/setPrototypeOf ? 提前致谢 最佳答案 MDN explains it pretty well.
当我阅读 MDN( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes#Sub_classing_wit
我知道两种继承函数构造函数的方法。 选项 1 Object.create function x(x, y) { this.x = x; this.y = y; } x.prototype.XD
MDN 有一个关于修改代码原型(prototype)的巨大警告: Changing the [[Prototype]] of an object is, by the nature of how mo
我正在尝试使用 Object.setPrototypeOf 来重新设置已转换为 JSON 并返回为对象的对象的原型(prototype)。但是,instanceof 似乎没有按我预期的方式工作: cl
让我们考虑以下代码, let f = function () { this.a = 1; this.b = 2; } let o = new f(); f.prototype.c = 3;
我读了一篇关于在类层次结构中保持数据私有(private)的文章 here .我这样做的方式不同。我将工厂函数与 Object.setPrototypeOf(obj, prototype) 一起使用.
我不确定标题是否真的有意义,但我正在尝试将函数原型(prototype)设置为“子类”原型(prototype)。 举个例子; 我尝试做的是:我有一个 user 和 paidUser 。 paidUs
我有一个 Node.js 项目,其中有我自己的自定义错误: 'use strict'; require('util').inherits(module.exports, Error); functio
我有一个 Angular 应用程序,它运行良好。但是,在使用 yarn upgrade 升级依赖项后,我收到了这个神秘错误: main.bundle.js:6779 Uncaught TypeErro
假设我有一个具有speak 功能的动物对象: function speak() { console.log(this.sound) } let animal = { speak } 我有一只狗
我是一名优秀的程序员,十分优秀!