Почему JS критично относится к присвоение document.querySelector?

Question

[Ingernirated]

Как в jquery сделали это?
Да и вообще даже, если весь стиль прописать, не работает.
https://jsfiddle.net/4qn2Lnht/13/

Answer 1

[Mikhail Osher]

Читайте про функции и контекст.

var bar = document.querySelector.bind(document);

Comments

[Ingernirated]

так раздел и называется?
функции и контекст?
просто я такого ещё не встречал

[Stalker_RED]

Ingernirated: Раздел чего?

https://www.google.com/search?q=контекст+функции+js

Answer 2

[Evgeniy Kvasyuk]

вот так заработает, в вашем варианте теряется контекст.

var bar = document.querySelector;
bar.call(document,'.barchik').style.backgroundColor = '#000000';

или вот так

var bar = document.querySelector.bind(document);
bar('.barchik').style.backgroundColor = '#000000';