我想知道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)，那就太棒了。
我已经在网上搜索了几个月了——没有找到它(在几个论坛上被问到——没有回复)。
当前回答
接受的答案不适用于Map, Set, WeakMap和其他可迭代对象。(在其他回答中提到的包object-sizeof也有同样的问题)。
这是我的解决方案
export function roughSizeOfObject(object) {
const objectList = [];
const stack = [object];
const bytes = [0];
while (stack.length) {
const value = stack.pop();
if (value == null) bytes[0] += 4;
else if (typeof value === 'boolean') bytes[0] += 4;
else if (typeof value === 'string') bytes[0] += value.length * 2;
else if (typeof value === 'number') bytes[0] += 8;
else if (typeof value === 'object' && objectList.indexOf(value) === -1) {
objectList.push(value);
if (typeof value.byteLength === 'number') bytes[0] += value.byteLength;
else if (value[Symbol.iterator]) {
// eslint-disable-next-line no-restricted-syntax
for (const v of value) stack.push(v);
} else {
Object.keys(value).forEach(k => {
bytes[0] += k.length * 2; stack.push(value[k]);
});
}
}
}
return bytes[0];
}
它还包括其他一些小的改进:计算键存储和与ArrayBuffer一起工作。
其他回答
我想知道我减少记忆的努力是否真的有助于减少记忆
根据这条评论，你应该这样做: 尝试产生内存问题——编写代码来创建所有这些对象，并逐渐增加上限，直到遇到问题(浏览器崩溃，浏览器冻结或内存不足错误)。理想情况下，您应该在不同的浏览器和不同的操作系统上重复这个实验。
现在有两个选择: 选项1 -您没有成功地产生内存问题。因此，你是在杞人忧天。您没有内存问题，程序也没有问题。
选项2-你确实有内存问题。现在问问自己发生问题的限制是否合理(换句话说:在正常使用您的代码时是否有可能创建这个数量的对象)。如果答案是“不”，那么你很好。否则，您现在就知道代码可以创建多少对象了。重写算法，使其不违反此限制。
我在原来的答案中重构了代码。我已经删除了递归和假定存在的开销。
function roughSizeOfObject( object ) {
var objectList = [];
var stack = [ object ];
var bytes = 0;
while ( stack.length ) {
var value = stack.pop();
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'
&& objectList.indexOf( value ) === -1
)
{
objectList.push( value );
for( var i in value ) {
stack.push( value[ i ] );
}
}
}
return bytes;
}
这个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函数可以处理包含对其他对象的多个引用和递归引用的对象。
原文发表于此。
有时我用它来标记非常大的对象，这些对象可能会从服务器发送到客户端。它不代表内存占用。它只会让你得到大约发送或存储它的成本。
还请注意，它很慢，仅用于开发。但是用一行代码就能得到大概的答案，这对我来说很有用。
roughObjSize = JSON.stringify(bigObject).length;
我有问题与上面的答案与ArrayBuffer。 在检查文档之后，我发现ArrayBuffer有一个byteLength属性，它告诉我我需要什么，因此:
函数sizeOf(数据) ｛ If (typeof(data) === 'object') ｛ if (ArrayBuffer的数据实例) ｛ 返回data.byteLength; ｝ //其他对象在这里 ｝ //非对象情况 ｝ console.log (sizeOf(新ArrayBuffer (15)));/ / 15
参考:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/byteLength
