我正在使用 Chart.js 并使用他們的一些代碼示例。
我不確定我是否理解這些行的目的。
const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
// etc.
});
來這里的目的是const什么?
這是一個問題的原因是因為我需要在同一頁面上有多個圖表。所以我要么需要將它們命名為ctx1, ctx2,ctx3等,要么洗掉const關鍵字。
據我所知,ctx存盤的唯一原因是它可以傳遞給Chart建構式,并且沒有明顯的理由來保存myChart變數。所以我不明白為什么兩者都需要const,我也不明白為什么myChart甚至需要這個變數。
uj5u.com熱心網友回復:
據我所知,存盤 ctx 的唯一原因是它可以傳遞給 Chart 建構式,
這是一個原因,是的。通常開發人員也希望保存它ctx,因為您永遠不知道什么時候可能需要它。這是一個約定。
沒有明顯的理由來保存 myChart 變數。
如果您不需要對 執行任何myChart操作,則不必保存它。我會。這是一個偏好問題。
所以我不明白為什么兩者都需要是 const
將所有變數標記為 是一個很好的做法const,如果它們從未在您的代碼中修改過或永遠不應修改。即使您使用letor var,它也可能不會破壞任何東西,但從長遠來看,特別是如果您與其他人一起作業,最好將變數標記為const不應該修改它們。
我不明白為什么甚至需要 myChart 變數。
好吧,他們給了你一種方法來做到這一點。您不必嚴格遵守。制作多個帶有微小變化的示例以滿足每個人的特定需求是一種浪費時間的做法。
這是一個問題的原因是因為我需要在同一頁面上有多個圖表。所以我要么需要將它們命名為 ctx1、ctx2、ctx3 等,要么洗掉 const 關鍵字。
我不會洗掉 const,而是使用 ctx1, ctx2, ... 解決方案。每個圖表一個 ctx。這就是你的實際情況。該示例適用于一張圖表,如果您需要多個,則需要多個 ctx。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/487523.html
標籤:javascript 图表.js
