Почему JS критично относится к присвоение document.querySelector?
Читайте про функции и контекст.var bar = document.querySelector.bind(document);
вот так заработает, в вашем варианте теряется контекст.var bar = document.querySelector;
bar.call(document,'.barchik').style.backgroundColor = '#000000';
или вот так var bar = document.querySelector.bind(document);
bar('.barchik').style.backgroundColor = '#000000';