Javascriptでオブジェクトとそのメソッドをonchange関数に渡す

Question

TableExport.jsスクリプトを使用してhtmlテーブルをエクスポートしています。不要な行を隠してフィルタリングした後、データをエクスポートする必要があります。 TableExportのメソッド.update()は本当に便利ですが、onchangeイベントに関連付けられているデータがフィルタリングされるたびに呼び出すのに問題があります。ここに私のコードの関連部分です：

$(function() { 
    var exportedTable = $("#taskListTable").tableExport(); 
    exportedTable.update({ 
     // some options 
    }); 

    $('body').on('change', '.filter', function (exportedTable) { 
     // some code for filtering 
     tableUpdate(exportedTable); 
    }); 
}) 

function tableUpdate(table) { 
    table.update({ 
     ignoreCSS: ["tr.tableexport-ignore", "tr.tableexport-ignore>td", 
        "tr.tableexport-ignore>th", "tr.hidden", "tr.hidden>td"] 
    }); 
} 

私はタイプUncaught TypeError: Cannot read property 'update' of undefinedのエラーを取得しておきます。私は多くのスレッド（このように：Javascript passing object to function）と値と参照渡しの違いを理解するために他の情報を読んできましたが、私はより多くの混乱を読み、試しています。だから誰も私のアプローチでそれが失敗しているのを見ることができますか？ - それは部分的にはレガシーなコードですが、必要に応じてほとんどの部分を再構成することができます。

これはJSの誤用の問題だと思うので、この質問はTableExportを使って作業する人と同様のJS問題を持つ人の両方にとって役に立ちます。私はあなたを召喚します、JavaScript Jedis！

Answer 1

イベントハンドラ関数は、イベントオブジェクトをパラメータとして呼び出されます。スコープからexportedTableにアクセスする場合は、引数として受け入れるのではなく、

Answer 2

@guestが言ったように、あなたは単にパラメータからexportedTableを削除する必要があります： `$（ '体'）へ

$('body').on('change', '.filter', function() { 
    # some code for filtering 
    tableUpdate(exportedTable); 
});