¿Cómo puedo reducir la complejidad de la siguiente pieza de código? Recibo este error en SonarQube:
Refactorice este método para reducir su Complejidad Cognitiva de 16 a los 15 permitidos.
(function () { window.dm = window.dm || { AjaxData: [] }; window.dm.AjaxEvent = function (et, d, ssid, ad) { dm.AjaxData.push({ et, d, ssid, ad, }); window.DotMetricsObj && DotMetricsObj.onAjaxDataUpdate(); }; const d = document; const h = d.getElementsByTagName('head')[0]; const s = d.createElement('script'); let t = 'inews'; s.type = 'text/javascript'; s.async = true; if (window.PageContext.categories) { for (let category of window.PageContext.categories) { if (Utils.categoryMap[category.slug]) { t = Utils.categoryMap[category.slug]; break; } } } if (window.PageContext.post && window.PageContext.post.breadcrumbs) { for (let category of window.PageContext.post.breadcrumbs.reverse()) { if (Utils.categoryMap[category.slug]) { t = Utils.categoryMap[category.slug]; break; } } } }()); export default () => { };Puede, por ejemplo, extraer los bloques complejos if separar los métodos.
Me refiero a estos if bloques:
Extraer al método 1 (por ejemplo handleCategories ):
if (window.PageContext.categories) { for (let category of window.PageContext.categories) { if (Utils.categoryMap[category.slug]) { t = Utils.categoryMap[category.slug]; break; } } } Extraiga al método 2 (por ejemplo handleBreadcrumbs ):
if (window.PageContext.post && window.PageContext.post.breadcrumbs) { for (let category of window.PageContext.post.breadcrumbs.reverse()) { if (Utils.categoryMap[category.slug]) { t = Utils.categoryMap[category.slug]; break; } } } Esto moverá alrededor de 3 niveles de complejidad ( if + for + if ) del método original a cada uno de los métodos extraídos.
SonarQube debería decirle de dónde proviene cada punto de complejidad. Verá la mayor complejidad acumulada en esas declaraciones if internas. Entonces, cualquier cosa que pueda hacer para reducir su conteo de complejidad será de gran ayuda.
La condición invertida y el retorno anticipado es una de mis tácticas favoritas. Así es como puede ayudar en esta situación:
(function () { window.dm = window.dm || { AjaxData: [] }; window.dm.AjaxEvent = function (et, d, ssid, ad) { dm.AjaxData.push({ et, d, ssid, ad, }); window.DotMetricsObj && DotMetricsObj.onAjaxDataUpdate(); }; const d = document; const h = d.getElementsByTagName('head')[0]; const s = d.createElement('script'); let t = 'inews'; s.type = 'text/javascript'; s.async = true; if (!window.PageContext.categories) { for (let category of window.PageContext.categories) { if (Utils.categoryMap[category.slug]) { t = Utils.categoryMap[category.slug]; break; } } } if (!window.PageContext.post || !window.PageContext.post.breadcrumbs) { return; } for (let category of window.PageContext.post.breadcrumbs.reverse()) { if (Utils.categoryMap[category.slug]) { t = Utils.categoryMap[category.slug]; break; } } }());