Почему переменная не хочет присваивать значение выбора элемента?

Question

[Ingernirated]

Почему значение не работает и в каком разделе js можно об этом почитать?
https://jsfiddle.net/cqve840h/1/

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/cqve840h/3/

Comments

[Ingernirated]

подскажите пожалуйста,
в js переменной же можно давать значение или?
как сделать

var $ = document.querySelectorAll.bind(document) || document.querySelector.bind(document)

и вообще это реально?
чтобы само определялось, много элементов или один

Answer 2

[Владимир]

Читать тут https://learn.javascript.ru/functions-closures
Ответ дал Сергей

Comments

[Сергей delphinpro]

Я думаю ближе к теме это https://learn.javascript.ru/objects-more

[Владимир]

+

[Ingernirated]

подскажите пожалуйста,
в js переменной же можно давать значение или?
как сделать

var $ = document.querySelectorAll.bind(document) || document.querySelector.bind(document)

и вообще это реально?
чтобы само определялось, много элементов или один

[Владимир]

Ingernirated: Вдумчиво почитайте MDN и посмотрите на типы входящих аргументов
https://developer.mozilla.org/ru/docs/Web/API/Docu...
https://developer.mozilla.org/ru/docs/Web/API/Docu...

И да, в JS тоже работает https://en.wikipedia.org/wiki/KISS_principle поэтому пишите так чтобы следующему кто за вами будет читать код не хотелось разбить вам башку.

[Владимир]

Мало того, что для функций с одинаковым типом входящих данный перегрузка не возможна впринципе, и в класическом понимании перегрузки в яваскрипт нет, вы пытаетесь ее влепить туда, где она не нужна.
querySelectorAll возвращает вам сет дом елементов и если в выборку попадет один то будет сет, состоящий из одного элемента, с какого вы пытаетесь туда прилепить еще querySelector, который возвращает первый найденный элемент, вместо того, чтобы взять первый элемент в вашем сете, непонятно.

[Владимир]

А теперь подумайте что делает ваш код
1) Код вида let a = c || d присвоит переменной a переменную с, а если она приводится к false присовит переменную d
2) в Вашем случае, если метод querySelectorAll не существует, попытка вызвать на нем bind приведет к ошибке.

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

[Ingernirated]

Владимир: спасибо!!

Answer 3

[Виктор]

не силен в этом онлайн сервисе, а там JQ то вообще подключен?
Так то строчка
$(".box").css("background-color", "red");
работает нормально

Comments

[Владимир]

Зачем там JQ ?

[Сергей delphinpro]

Виктор суть в том что ТС пытается присвоить стандартную функцию querySelector в переменную и потом ее использовать. Видимо, для сокращения кода.