JavaScriptの機能

Question

私はjavascriptを初めて使用しています。私はjqueryをチェックしていました。私は同じことをするために何かを作ることができるかどうかを見たいと思っていました。これは私が私がIDテストでDOMを取得$('#test')を呼び出すと、私のjsが

//returns a dom 
    var $ = function(selector) { 
    return document.querySelector(selector); 
    }; 
    //adds something to the dom 
    var append = function(value) { 
    this.innerHTML += value; 
    }; 
    //clears dom 
    var empty = function() { 
    while (this.lastChild) this.removeChild(this.lastChild); 
    }; 

ファイルです。私は$('#test').append('hi there')と呼ぶとうまくいきます。しかし、私が試したとき$('#test').empty()私はUncaught TypeError: $(...).empty is not a function何か考えているのですか？私が何かを間違ってやっているなら、私に知らせてください。ありがとう

Answer 1

あなたの関数はDOM要素のプロトタイプチェーンに追加されません（それは良い考えではありません）ので、DOM要素のメソッドとして呼び出すことはできません。

append DOMノードにはすでにappendというメソッドがあり、appendという変数に格納した関数とは関係がないため、機能します。

jQueryは、DOM要素のコレクションを保持するコンテナオブジェクトを作成し、独自のメソッドを持っています。 EG：

var $ = function(selector) { 
    var objects = document.querySelectorAll(selector); 
    return { 
     append: function () { 
     // do something to `objects` here 
     }, 
     empty: function () { 

     }, 
    }; 
};