Как посмотреть какие команды выполнила библиотека?

Question

[Анастасия]

Здравствуйте. Подскажите, возможно ли как-то узнать, какие команды выполнил сторонний скрипт.
Поясняю: есть jQuery и команда
$("object").addClass("new-class");
Она равноценна команде:

document.querySelector("object").classList.add("new-class")

Вот можно как-то получить эту вторую команду? Или как узнать, какие действия выполняет браузер?

Comments

[Дмитрий]

Чтобы узнать что делает jQuery Достаточно открыть код и посмотреть, или зайти отладчиком при выполнении addClass И посмотреть какие команды выполняются. Наверное проще будет если подключить неминифицированный файл.

[Анастасия]

Дмитрий, Я же его чисто для примера привела. . Мне не нужно знать, как конкретно работает addClass. Мне нужно именно получить действия, которые выполняет браузер.

[Дмитрий]

Анастасия, Тогда это очень странный вопрос, потому что работа программиста как раз заключается в том, чтобы писать инструкции для браузера. Он выполняет ровно то, что вы ему напишете. Непонятна постановка вопроса.

[Kovalsky]

"есть jQuery и команда $("object").addClass("new-class");
Она равноценна команде: document.querySelector("object").classList.add("new-class")" - я надеюсь вы понимаете, что строго говоря первое приведенное вами выражение на самом деле состоит из большего количества операций, и если уж называть их равноценными, то с оговорками,

В любом случае, задача вроде понятна, но во первых пока не очень ясно для чего это нужно (а понимание целей сильно упростит поиск решения) и во вторых расскажите какая именно информация вам нужна - список выполненных нативных функций, список всех произведенных мутаций или что-то еще? Или вы хотите как-то перевести тот же jQuery код в нативный JS?

[Анастасия]

Kovalsky, не jQuery, другая библиотека, но да, я хочу перевести часть кода в нативный js

[Mikhail Osher]

Kovalsky, более того, вроде как должно быть querySelectorAll, а не querySelector.

[Kovalsky]

Анастасия, мне кажется прекрасный вопрос и стоит провести некоторый research в этом направлении (как минимум потому что это интересно), но вот например абсолютно не представляю как такое может быть возможно. Если какие-нибудь простейшие методы jQuery еще можно логически упростить до последовательного вызова пары нативных функций, то с любой другой библиотекой не получится так просто перевести всё в нативный JS. Ваш же собственный пример прекрасно демонстрирует то о чем я говорю: вы например считаете, что "$("object").addClass("new-class")" можно упростить до "document.querySelector("object").classList.add("new-class")", а на самом деле полностью нативно это выражение будет выглядеть как-то так:

document.querySelectorAll("object").forEach(element => element.classList.add("new-class"))

Это я к тому, что даже у двух человек видение логики конкретной функции может отличаться, что уж говорить о более сложных функциях. (пока я всё это катал вон вам ниже уже написали то же самое). Говоря "полностью нативно" я имею в виду код в котором вся логика была бы на виду, а не скрыта в функциях

В общем лично я не вижу как такое может быть возможно. Представьте какая прорва логики будет в коде если попытаться например таким образом вывести весь функционал какого-нибудь метода из rxjs. Наверное проще всего будет брать каждый метод из конкретной библиотеки и упрощать вручную. Автоматически не вижу способов

Answer 1

[Robur]

Вот можно как-то получить эту вторую команду?

нет.
то что она равноценна, не значит что она именно так и работает

1. x=a+b+c
2. x=b+c+a
3. x=b+(c*a)/a+a

все равноценны. Но у них совершенно разный код - и из 1) вы никак не "узнаете" 3)

Отвечая на ваш вопрос прямо - смотреть в код jQuery.
Но вам суд япо ответам надо не узнать как какая команда работает, а на что ее заменить чтобы получить тот же результат без jquery.
Этого добра в гугле навалом, начните с первой ссылки https://tobiasahlin.com/blog/move-from-jquery-to-v...

Если вы хотите узнать "какие изменения в DOM происходят при вызове jquery команды" - типа что произошло-поменялось на странице, какие стили и прочее, то это тоже можно сделать, всякими обсерверами, дебагом с брекпоинтами на изменения и прочим, но не надо нырять в этот омут.
Посмотреть код команды которая вам интересна будет в 100500 раз быстрее.