我想知道JavaScript对象占用的大小。
取以下函数:
function Marks(){
this.maxMarks = 100;
}
function Student(){
this.firstName = "firstName";
this.lastName = "lastName";
this.marks = new Marks();
}
现在我实例化这个学生:
var stud = new Student();
这样我就可以做
stud.firstName = "new Firstname";
alert(stud.firstName);
stud.marks.maxMarks = 200;
etc.
现在，stud对象将在内存中占据一定大小。它有一些数据和更多的对象。
我如何找出有多少内存stud对象占用?类似于JavaScript中的sizeof() ?如果我能在一个函数调用中找到它，比如sizeof(stud)，那就太棒了。
我已经在网上搜索了几个月了——没有找到它(在几个论坛上被问到——没有回复)。
当前回答
有同样的问题。我在谷歌上搜索，我想与stackoverflow社区分享这个解决方案。
重要的是:
我使用了Yan Qing在github上分享的功能 https://gist.github.com/zensh/4975495
function memorySizeOf(obj) { var bytes = 0; function sizeOf(obj) { if(obj !== null && obj !== undefined) { switch(typeof obj) { case 'number': bytes += 8; break; case 'string': bytes += obj.length * 2; break; case 'boolean': bytes += 4; break; case 'object': var objClass = Object.prototype.toString.call(obj).slice(8, -1); if(objClass === 'Object' || objClass === 'Array') { for(var key in obj) { if(!obj.hasOwnProperty(key)) continue; sizeOf(obj[key]); } } else bytes += obj.toString().length * 2; break; } } return bytes; }; function formatByteSize(bytes) { if(bytes < 1024) return bytes + " bytes"; else if(bytes < 1048576) return(bytes / 1024).toFixed(3) + " KiB"; else if(bytes < 1073741824) return(bytes / 1048576).toFixed(3) + " MiB"; else return(bytes / 1073741824).toFixed(3) + " GiB"; }; return formatByteSize(sizeOf(obj)); }; var sizeOfStudentObject = memorySizeOf({Student: {firstName: 'firstName', lastName: 'lastName', marks: 10}}); console.log(sizeOfStudentObject);
你觉得怎么样?
其他回答
我使用Chrome开发工具的Timeline选项卡，实例化越来越多的对象，并得到像这样的良好估计。你可以像下面这样使用html作为样板，并修改它以更好地模拟对象的特征(属性的数量和类型等)。您可能希望在运行之前和之后单击开发工具选项卡底部的“垃圾位”图标。
<html>
<script>
var size = 1000*100
window.onload = function() {
document.getElementById("quantifier").value = size
}
function scaffold()
{
console.log("processing Scaffold...");
a = new Array
}
function start()
{
size = document.getElementById("quantifier").value
console.log("Starting... quantifier is " + size);
console.log("starting test")
for (i=0; i<size; i++){
a[i]={"some" : "thing"}
}
console.log("done...")
}
function tearDown()
{
console.log("processing teardown");
a.length=0
}
</script>
<body>
<span style="color:green;">Quantifier:</span>
<input id="quantifier" style="color:green;" type="text"></input>
<button onclick="scaffold()">Scaffold</button>
<button onclick="start()">Start</button>
<button onclick="tearDown()">Clean</button>
<br/>
</body>
</html>
在我的Chromium上，实例化200万个对象，每个对象只有一个属性(如上面的代码所示)导致每个对象的粗略计算为50个字节。更改代码为每个对象创建一个随机字符串会为每个对象增加大约30个字节，等等。 希望这能有所帮助。
function sizeOf(parent_data, size)
{
for (var prop in parent_data)
{
let value = parent_data[prop];
if (typeof value === 'boolean')
{
size += 4;
}
else if (typeof value === 'string')
{
size += value.length * 2;
}
else if (typeof value === 'number')
{
size += 8;
}
else
{
let oldSize = size;
size += sizeOf(value, oldSize) - oldSize;
}
}
return size;
}
function roughSizeOfObject(object)
{
let size = 0;
for each (let prop in object)
{
size += sizeOf(prop, 0);
} // for..
return size;
}
非常感谢所有为此编写代码的人!
我只是想补充一点，我一直在寻找完全相同的东西，但在我的情况下，它是为了管理已处理对象的缓存，以避免不得不重新解析和处理来自ajax调用的对象，这些调用可能已被浏览器缓存，也可能未被浏览器缓存。这对于需要大量处理的对象特别有用，通常不是JSON格式的任何东西，但将这些东西缓存在大型项目或长时间运行的应用程序/扩展中成本非常高。
不管怎样，我用它来做一些事情，比如:
var myCache = {
cache: {},
order: [],
size: 0,
maxSize: 2 * 1024 * 1024, // 2mb
add: function(key, object) {
// Otherwise add new object
var size = this.getObjectSize(object);
if (size > this.maxSize) return; // Can't store this object
var total = this.size + size;
// Check for existing entry, as replacing it will free up space
if (typeof(this.cache[key]) !== 'undefined') {
for (var i = 0; i < this.order.length; ++i) {
var entry = this.order[i];
if (entry.key === key) {
total -= entry.size;
this.order.splice(i, 1);
break;
}
}
}
while (total > this.maxSize) {
var entry = this.order.shift();
delete this.cache[entry.key];
total -= entry.size;
}
this.cache[key] = object;
this.order.push({ size: size, key: key });
this.size = total;
},
get: function(key) {
var value = this.cache[key];
if (typeof(value) !== 'undefined') { // Return this key for longer
for (var i = 0; i < this.order.length; ++i) {
var entry = this.order[i];
if (entry.key === key) {
this.order.splice(i, 1);
this.order.push(entry);
break;
}
}
}
return value;
},
getObjectSize: function(object) {
// Code from above estimating functions
},
};
这是一个简单的例子，可能会有一些错误，但它给出了一个想法，因为你可以使用它来保持静态对象(内容不会改变)与某种程度的智能。这可以大大减少任何昂贵的处理要求，对象必须在第一时间生产。
谷歌Chrome堆分析器允许您检查对象内存使用。
您需要能够在跟踪中定位对象，这可能很棘手。如果您将对象固定到Window全局，则很容易从“Containment”列表模式中找到它。
在附件的截图中，我在窗口上创建了一个名为“testObj”的对象。然后我定位在分析器(在做了一个记录后)，它显示了对象的完整大小和它在“保留大小”下的所有内容。
关于内存故障的更多细节。
在上面的屏幕截图中，对象显示的保留大小为60。这里的单位应该是字节。
我想知道我减少记忆的努力是否真的有助于减少记忆
根据这条评论，你应该这样做: 尝试产生内存问题——编写代码来创建所有这些对象，并逐渐增加上限，直到遇到问题(浏览器崩溃，浏览器冻结或内存不足错误)。理想情况下，您应该在不同的浏览器和不同的操作系统上重复这个实验。
现在有两个选择: 选项1 -您没有成功地产生内存问题。因此，你是在杞人忧天。您没有内存问题，程序也没有问题。
选项2-你确实有内存问题。现在问问自己发生问题的限制是否合理(换句话说:在正常使用您的代码时是否有可能创建这个数量的对象)。如果答案是“不”，那么你很好。否则，您现在就知道代码可以创建多少对象了。重写算法，使其不违反此限制。
