javascript - onclick 関数を介して渡されるグローバル操作変数の変更

Question

.pug ファイルのテーブル行で onclick 関数を使用しているときに、JSON オブジェクトを変更する際に問題が発生します。私の関数は .js ファイルにあります。

<th onclick="changeQuality(#{JSON.stringify(testData)}, 'Good')" class= "col-fixed-img"><img src="/images/Check.jpg"></th>

私の.jsファイルにある私の関数changeQuality（）：

 function changeQuality(testData, id) {
  testData.newQuality = id;
}

.js ファイルの changeQuality 関数内で値が適切に設定されていますが、.pug ファイルの testData の値は変更されません。この関数が呼び出されたときに、.pug ファイルにあるデータがすぐに更新されるようにするにはどうすればよいですか?