我想知道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)，那就太棒了。
我已经在网上搜索了几个月了——没有找到它(在几个论坛上被问到——没有回复)。
当前回答
谷歌Chrome堆分析器允许您检查对象内存使用。
您需要能够在跟踪中定位对象，这可能很棘手。如果您将对象固定到Window全局，则很容易从“Containment”列表模式中找到它。
在附件的截图中，我在窗口上创建了一个名为“testObj”的对象。然后我定位在分析器(在做了一个记录后)，它显示了对象的完整大小和它在“保留大小”下的所有内容。
关于内存故障的更多细节。
在上面的屏幕截图中，对象显示的保留大小为60。这里的单位应该是字节。
其他回答
这是一个hack方法，但我尝试了两次不同的数字，它似乎是一致的。
What you can do is to try and allocate a huge number of objects, like one or two million objects of the kind you want. Put the objects in an array to prevent the garbage collector from releasing them (note that this will add a slight memory overhead because of the array, but i hope this shouldn't matter and besides if you are going to worry about objects being in memory, you store them somewhere). Add an alert before and after the allocation and in each alert check how much memory the Firefox process is taking. Before you open the page with the test, make sure you have a fresh Firefox instance. Open the page, note the memory usage after the "before" alert is shown. Close the alert, wait for the memory to be allocated. Subtract the new memory from the older and divide it by the amount of allocations. Example:
function Marks()
{
this.maxMarks = 100;
}
function Student()
{
this.firstName = "firstName";
this.lastName = "lastName";
this.marks = new Marks();
}
var manyObjects = new Array();
alert('before');
for (var i=0; i<2000000; i++)
manyObjects[i] = new Student();
alert('after');
我在我的计算机上尝试了这个方法，当“before”警告显示时，该进程有48352K的内存。分配之后，Firefox拥有440236K的内存。对于200万个分配，每个对象大约有200个字节。
我再次尝试了100万个分配，结果类似:每个对象196字节(我假设2mill中的额外数据用于Array)。
所以，这里有一个可能对你有帮助的简单方法。JavaScript没有提供sizeof方法是有原因的:每个JavaScript实现都是不同的。以谷歌Chrome为例，相同的页面为每个对象使用大约66字节(至少从任务管理器判断)。
谷歌Chrome堆分析器允许您检查对象内存使用。
您需要能够在跟踪中定位对象，这可能很棘手。如果您将对象固定到Window全局，则很容易从“Containment”列表模式中找到它。
在附件的截图中，我在窗口上创建了一个名为“testObj”的对象。然后我定位在分析器(在做了一个记录后)，它显示了对象的完整大小和它在“保留大小”下的所有内容。
关于内存故障的更多细节。
在上面的屏幕截图中，对象显示的保留大小为60。这里的单位应该是字节。
我有问题与上面的答案与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
我知道这绝对不是正确的方法，但它在过去几次帮助我得到了大致的对象文件大小:
将对象/响应写入控制台或新选项卡，将结果复制到新的记事本文件，保存它，并检查文件大小。记事本文件本身只有几个字节，因此您将获得相当精确的目标文件大小。
这里有一个稍微紧凑的解决方案:
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);
