我想知道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)，那就太棒了。
我已经在网上搜索了几个月了——没有找到它(在几个论坛上被问到——没有回复)。
当前回答
这个Javascript库sizeof.js做同样的事情。 像这样包含它
<script type="text/javascript" src="sizeof.js"></script>
sizeof函数的作用是:以对象为参数，返回对象的字节大小。例如:
// define an object
var object =
{
'boolean' : true,
'number' : 1,
'string' : 'a',
'array' : [1, 2, 3]
};
// determine the size of the object
var size = sizeof(object);
sizeof函数可以处理包含对其他对象的多个引用和递归引用的对象。
原文发表于此。
其他回答
非常感谢所有为此编写代码的人!
我只是想补充一点，我一直在寻找完全相同的东西，但在我的情况下，它是为了管理已处理对象的缓存，以避免不得不重新解析和处理来自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
},
};
这是一个简单的例子，可能会有一些错误，但它给出了一个想法，因为你可以使用它来保持静态对象(内容不会改变)与某种程度的智能。这可以大大减少任何昂贵的处理要求，对象必须在第一时间生产。
对不起，我不能评论，所以我只能从明天开始继续工作。 此增强版本不会对对象进行多次计数，因此不会出现无限循环。 另外，我认为一个物体的键也应该粗略地计算。
function roughSizeOfObject( value, level ) {
if(level == undefined) level = 0;
var bytes = 0;
if ( typeof value === 'boolean' ) {
bytes = 4;
}
else if ( typeof value === 'string' ) {
bytes = value.length * 2;
}
else if ( typeof value === 'number' ) {
bytes = 8;
}
else if ( typeof value === 'object' ) {
if(value['__visited__']) return 0;
value['__visited__'] = 1;
for( i in value ) {
bytes += i.length * 2;
bytes+= 8; // an assumed existence overhead
bytes+= roughSizeOfObject( value[i], 1 )
}
}
if(level == 0){
clear__visited__(value);
}
return bytes;
}
function clear__visited__(value){
if(typeof value == 'object'){
delete value['__visited__'];
for(var i in value){
clear__visited__(value[i]);
}
}
}
roughSizeOfObject(a);
如果您主要关心的是Firefox扩展的内存使用情况，我建议您咨询Mozilla开发人员。
Mozilla在其wiki上提供了一系列分析内存泄漏的工具。
这里有一个稍微紧凑的解决方案:
const typeSizes = {
"undefined": () => 0,
"boolean": () => 4,
"number": () => 8,
"string": item => 2 * item.length,
"object": item => !item ? 0 : Object
.keys(item)
.reduce((total, key) => sizeOf(key) + sizeOf(item[key]) + total, 0)
};
const sizeOf = value => typeSizes[typeof value](value);
有时我用它来标记非常大的对象，这些对象可能会从服务器发送到客户端。它不代表内存占用。它只会让你得到大约发送或存储它的成本。
还请注意，它很慢，仅用于开发。但是用一行代码就能得到大概的答案，这对我来说很有用。
roughObjSize = JSON.stringify(bigObject).length;
