6

所以我写了这些测试来看看使用原型会快多少……

function User() {
    return {
        name: "Dave",
        setName: function(n) {
            this.name = n;
        },
        getName: function() {
            return this.name;
        }
    };
}

function UserPrototype() {
    if (!(this instanceof UserPrototype)) return new UserPrototype();
    this.name = "Dave";
}
UserPrototype.prototype.getName = function() {
    return this.name;
};
UserPrototype.prototype.setName = function(n) {
    this.name = n;
};

function setName(obj,name)
{
    obj.name = name;
}
function getName(obj)
{
    return obj.name;
}

//Test 1
var c = 10000000;
var tstart = 0;
var tend = 0;
tstart = new Date().getTime();
for (var j = 0; j < c; j++) {
    var newUser = User();
    newUser.setName("michael");
    newUser.getName();
}
tend = new Date().getTime() - tstart;
console.log("Returning object with methods: " + tend / 1000.0 + " seconds");
//Test 2
tstart = new Date().getTime();
for (var j = 0; j < c; j++) {
    var newUser = new UserPrototype();
    newUser.setName("michael");
    newUser.getName();
}
tend = new Date().getTime() - tstart;
console.log("Using prototypes: " + tend / 1000.0 + " seconds");
//Test 3
tstart = new Date().getTime();
for (var j = 0; j < c; j++) {
    var newUser = {name:"dave"};
    setName(newUser,"michael");
    getName(newUser);
}
tend = new Date().getTime() - tstart;
console.log("Using general functions: " + tend / 1000.0 + " seconds");
​

我的结果：

Returning object with methods: 9.075 seconds
Using prototypes: 0.149 seconds 
Using general functions: 0.099 seconds

我写了前两个测试，当我看到结果时，我想我为什么会看到它们......我在想原因是由于每次都会创建两个新的方法属性实例，所以返回的对象很慢对象被实例化，而原型方法更快，因为它只创建一次函数。一般函数调用和原型之间的性能接近使我认为我的假设是正确的。

所以我的第一个问题是，我对我的假设是否正确？

我的第二个问题是，如何在保持高性能的同时使原型编写更具可读性？有没有办法以看起来像是在“类”中的方式对原型进行编码（如果有意义的话）

*编辑 - 我忘了用 Object.create() 做一个测试，只是做了一个并发布了结果。JSFiddle：（http://jsfiddle.net/k2xl/SLVLx/）。

我现在得到：

Returning object with methods: 0.135 seconds fiddle.jshell.net:63
Using prototypes: 0.003 seconds fiddle.jshell.net:72
Using general functions: 0.002 seconds fiddle.jshell.net:81
Returning object.create version: 0.024 seconds

看起来这可能是解决方案？

4

2 回答 2

3

我同意你的假设。如果代码是这样编写的，这也会结束：

function UserObject() {
    this.name = "Dave";

    this.getName = function() {
        return this.name;
    };
    this.setName = function(n) {
        this.name = n;
    };
}

在这种情况下，就像在您的“对象”方法中一样，每次构造对象时都会创建getName和方法。setNameUserObject

“原型”和“函数”方法之间的代码略有不同。去除if (!(this instanceof UserPrototype)) return new UserPrototype();（这是不必要的安全防护）剃须相当多。也可以说，更接近的比较...

var newUser = new UserPrototype();
[newUser].name = "Dave";

... 是 ...

var newUser = new Object();
newUser.name = "dave";

... 因为 ...

var newUser = {name:"dave"};

...在创建Object和添加name属性时依赖于本机代码。

在这种情况下，结果会翻转，“原型”方法会更快出现。在此处查看 jsFiddle：

关于如何使您的原型更具可读性，我无能为力。对我来说，它们是可读的:-)

于 2012-09-02T18:21:52.660 回答
0

当您不在构造函数中使用 this 值时，永远不要在构造函数中使用它，而是将其用作原型。例如

UserPrototype.prototype.name = "戴夫";

当你这样做时，原型会在速度上获胜。

于 2014-05-16T16:59:03.220 回答