我想知道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)，那就太棒了。
我已经在网上搜索了几个月了——没有找到它(在几个论坛上被问到——没有回复)。
当前回答
我有问题与上面的答案与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
其他回答
有同样的问题。我在谷歌上搜索，我想与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);
你觉得怎么样?
接受的答案不适用于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一起工作。
Chrome开发工具有这个功能。我发现这篇文章非常有帮助，它完全是你想要的: https://developers.google.com/chrome-developer-tools/docs/heap-profiling
我想知道我减少记忆的努力是否真的有助于减少记忆
根据这条评论，你应该这样做: 尝试产生内存问题——编写代码来创建所有这些对象，并逐渐增加上限，直到遇到问题(浏览器崩溃，浏览器冻结或内存不足错误)。理想情况下，您应该在不同的浏览器和不同的操作系统上重复这个实验。
现在有两个选择: 选项1 -您没有成功地产生内存问题。因此，你是在杞人忧天。您没有内存问题，程序也没有问题。
选项2-你确实有内存问题。现在问问自己发生问题的限制是否合理(换句话说:在正常使用您的代码时是否有可能创建这个数量的对象)。如果答案是“不”，那么你很好。否则，您现在就知道代码可以创建多少对象了。重写算法，使其不违反此限制。
我知道这绝对不是正确的方法，但它在过去几次帮助我得到了大致的对象文件大小:
将对象/响应写入控制台或新选项卡，将结果复制到新的记事本文件，保存它，并检查文件大小。记事本文件本身只有几个字节，因此您将获得相当精确的目标文件大小。
