Скрытие функции $ console error?

Question

function $(e){return document.querySelector(e)} 

Я использую это как стенографию для querySelector.

Например: $('.MainClass').style.display='none';

Это на самом деле работает тоже, но Chromes консоли регистратор выдает ошибку:

Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '[object HTMLDocument]' is not a valid selector. 

Что странно, потому что при использовании $('cssslectorhere') он все еще работает. Причина, по которой я это сделал, потому что я так привык к jQuery, что мне понравился символ $. Но я ненавижу видеть эту ошибку в журнале консоли, так или иначе, чтобы удалить ее?

Answer 1

Вы не указали весь код. Где-то, что вы делаете это:

$(document) 

Это работает в JQuery, но он не будет работать с querySelector, потому что это не селектор.

Либо удалите это использование, либо измените функцию $ на обработку document.

function $(e){ 
    return e === document ? document : document.querySelector(e); 
} 

Answer 2

Это звучит как ваш код где-то пытается передать document объект вместо селектора строк, как в $(document). Вы могли бы работать вокруг этого путем изменения кода на это:

function $(e){ 
    if (typeof e === "string") { 
     return document.querySelector(e); 
    } else { 
     return e; 
    } 
} 

Тогда это будет работать с любым DOM объекта, который вы прошли, такие как document или document.body.

---

Или вы могли бы сделать это совсем немного больше Foolproof:

//Returns true if it is a DOM node 
function isNode(o){ 
    return (
    typeof Node === "object" ? o instanceof Node : 
    o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName==="string" 
); 
} 

function $(e) { 
    if (typeof e === "string") { 
     return document.querySelector(e); 
    } else if isNode(e) { 
     return e; 
    } else { 
     throw new Error("arg in $(arg) must be selector string or DOM node"); 
    } 
} 

См this prior answer для обсуждения/ссылки для функции isNode().