Как импользовать правильно append jQuery / js

Question

у меня вопрос по $(this).append("");

можно вместо такого кода

$(this).append("<div class='wrapper'><button>start</button></div>");

использовать так


$(this).append("

<div class='wrapper'>
   <button>start</button>
</div>

");

так как большой код например карточки выглядит не очень разборчево , спасибо за ответ.

Answer 1

можно ли использовать так

Можно. Это вообще дело вкуса. Но также, конечно, и вопрос читабельности. Да, в таком стиле читабельность возрастёт, если код большой. Ещё больше в таком случае рекомендую такой подход:

let html =`
<div class='wrapper'>
   <button>start</button>
</div>`;

$(this).append(html);

тогда будет ещё чище.

К тому же, я использовал обратные кавычки, что позволит вставлять в строку переменные, без всякой конкатенации.

В целом рекомендую почитать "Роберт Мартин - Чистый код". Там освещены разные подходы и проблемы, в т.ч. с читаемостью.

БЛОГ НА HUSL

Как импользовать правильно append jQuery / js

Ответы (1 шт):