Есть ли чистый Javascript эквивалент jQuery's $ .fn.extend?

Question

В JQuery я это делаю:

$.fn.extend({ 
    hello: function() {console.log(this + ' says hello world.')} 
}); 

, а затем

$('div').hello(); 

Могу ли я сделать это в чистом JavaScript без загрузки всего JQuery только для этого?

Answer 1

Ну, технически вы могли бы сделать что-то вроде этого:

function extendingQuerySelector(selector, extension) { 
    var el = document.querySelector(selector); 
    for(var key in extension) { 
     if(extension.hasOwnProperty(key)) { 
      el[key] = extension[key]; 
     } 
    } 
    return el; 
} 

Хотя это не кажется хорошей идеей расширить основные объекты DOM. Здесь нет обертки jQuery, хотя вы, конечно, можете сделать такую ​​оболочку.