С точки зрения чистоты кода, плохо ли использовать некоторые свои функции для упрощения синтаксиса дефолтных?

Question

[DJFRX]

Дело в том, что очень часто приходится выделять, создавать элементы и так далее. Будут ли на качестве кода негативно сказываться функции по типу doc_select(className) или doc_create(elementType, className), которые, по сути, заменяют document.querySelector('.xxxxxxxxx')? Я не хочу использовать JQuery, но хочу упростить синтаксис, допустимо ли это, или всё же обязательно для нормального кода писать полностью document.querySelector('.xxxxxxxxx')?

Comments

[flexpc]

в целом можно, но как это скажется на скорости выполнения кода, никто не знает, скорее всего - негативно

[Сергей delphinpro]

flexpc, любая строчка кода сказывается негативно. Ведь она увеличивает время выполнения программы.

Answer 1

[historydev]

Можно и даже нужно.

Никто не будет копипастить, не городи кучу функций для одной и той-же операции, создай одну.

Условно:

const selectEl = (selector) = document.querySelector(selector);

Comments

[Сергей delphinpro]

Ну а что, можно и мини-jquery замутить

function $(selector, attributes) {
  if (первый символ точка) {
    return querySelectorAll(selector)
  }
  if (первый символ решетка) {
    return querySelector(selector)
  }
  if (первый символ "<") {
    el = createElement()
    if (заданы атрибуты) { …  }
    return el;
  }
}

els = $('.byClass'); // выборка
el = $('#byId'); // выборка
el = $('<div>', { class: 'new_div' }); // создание

[historydev]

Сергей delphinpro, Я такой мутитель, что отдельный класс для дом операций бы сделал) Но это я))

[Сергей delphinpro]

historydev, так он есть - window.document =)

[historydev]

Сергей delphinpro, многа букав)

Answer 2

[Олег]

Создать свою мини-библиотеку на чистом js?
посмотри ответ. Как красиво в одну строчку.
А в вашем варианте мне не нравиться составное имя функции doc_select

Answer 3

[lightseeker]

Возможно стоит.
Только нужно учитывать особенности API. Например в вашем примере doc_select не совсем конкретно отображает суть querySelector-а, так как есть так же getElementBy(_). Так что стоит учитывать