Problembeschreibung:

Bei einer Suche wurde ein Speicherleckproblem gefunden, wie im Bild gezeigt:

Nach 15-maliger Suche erhöhte sich der Speicher von 15 MB auf 18 MB, was ziemlich ernst ist.

Fehlerbehebung

Nach der Fehlerbehebung und Analyse wurde schließlich der ungefähre Ort des Problems lokalisiert:

function searchData() {
    console.log('search');
    var sc = {};
    // 获取类名为fui-form下的所有mini控件，遍历将搜索条件形成下面的格式
    // {
    //     "控件id"："控件值"
    // }
    mini.getChildControls(document.getElementsByClassName('fui-form')[0]).forEach(function (item) {
        sc[item.id] = item.getValue();
    });
    console.log('搜索条件' + JSON.stringify(sc, 0, 4));
    grid.load();
}

Kommentieren Sie alles außer grid.load() aus, und die Ergebnisse der 0-, 1- und 10-fachen Suche lauten wie folgt:

Es ist ersichtlich, dass mit zunehmender Anzahl der Speichersuchen der Speicher nicht wächst und es kein Problem mit Speicherverlusten gibt.

Dann dachte ich, es wäre console的问题，注释掉两个console, und die Ergebnisse sind wie folgt (immer noch 0 Mal, 1 Mal, 10 Mal gesucht):

Das Problem ist immer noch das gleiche. Es ist tatsächlich kein Problem mit der Konsole. Bei der Fehlerbehebung handelte es sich jedoch im Grunde um eine Notfallbehandlung.

Im Folgenden kann grundsätzlich das durch diesen Abschnitt verursachte Problem lokalisiert werden.

var sc = {};
mini.getChildControls(document.getElementsByClassName('fui-form')[0]).forEach(function (item) {
    sc[item.id] = item.getValue();
});

Zur Analyse kann das Obige in zwei Teile unterteilt werden: Erhalten des Kontrollarrays und Durchlaufen der Organisationsdaten

var sc = {};
var controls = mini.getChildControls(document.getElementsByClassName('fui-form')[0]);
controls.forEach(function (item) {
    sc[item.id] = item.getValue();
});

Nach der Aufteilung der Erfassung und Durchquerung und anschließenden Tests besteht das Problem nicht, wie im Bild gezeigt:

Abschlussfrage

Zwei Möglichkeiten, die Kontrolle zu erhalten und sie in der Funktion zu durchlaufen

Schreibmethode eins:

// 获取并遍历
mini.getChildControls(document.getElementsByClassName('fui-form')[0]).forEach(function (item) {
    sc[item.id] = item.getValue();
});

Schreibmethode zwei:

// 获取控件
var controls = mini.getChildControls(document.getElementsByClassName('fui-form')[0]);
// 遍历
controls.forEach(function (item) {
    sc[item.id] = item.getValue();
});

Warum gibt es beim ersten Weg einen Speicherverlust, beim zweiten aber nicht?