createDocumentFragment生成して変数代入する際に疑問

Question

以下のコードを分析中、疑問点があり質問させていただきます。

function getSelectionHtml() {
    var sel, range, node;
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            range = window.getSelection().getRangeAt(0);
            
            var html = '<span style="font-weight:bold;">' + range + '</span>'
            range.deleteContents();
            
            var el = document.createElement("div");
            el.innerHTML = html;
            var frag = document.createDocumentFragment(), node, lastNode;
            while ( (node = el.firstChild) ) {
                lastNode = frag.appendChild(node);
            }
            range.insertNode(frag);
        }
    } else if (document.selection && document.selection.createRange) {
        range = document.selection.createRange();
        range.collapse(false);
        range.pasteHTML(html);
    }

}

詳細のコードは下記を参考：
https://jsfiddle.net/negabaro/yb0vu7tg/

 var frag = document.createDocumentFragment(), node, lastNode;

fragという変数に値を導入する際にnodeとlastNodeをコンマ区切りで入れておくこの書き方がよくわかりませんでした。
このような書き方の参考できるキーワードやリンクあれば教えていただけますか？

node,lastNodeは現時点で宣言されてないのに
変数代入に含める原理がよくわかりません。

var frag = document.createDocumentFragment();

にすると想定した機能しなくなるため、以下のコードで使われる気がします。

while ( (node = el.firstChild) ) {
                lastNode = frag.appendChild(node);
            }
            range.insertNode(frag);

何か参考できる情報をご教示いただければ助かります

Answer 1

その行では、fragとnodeとlastNodeを宣言しつつ、fragにだけ初期値を与えています。

いくつか例を挙げると、

var a = 0;
var b = 1;
var c = 2;

は、

var a = 0, b = 1, c = 2;

のようにも書けます。

var a = 0;
var b;
var c;

は、

var a = 0, b, c;

のようにも書けます。

---

したがって、

var frag = document.createDocumentFragment(), node, lastNode;

は、

var frag;
var node;
var lastNode;
frag = document.createDocumentFragment();

または

var frag = document.createDocumentFragment();
var node;
var lastNode;

または

var frag, node, lastNode;
frag = document.createDocumentFragment();

と同じです。

Comments

[Kimsehwa]

ご丁寧な回答ありがとうございました。ただの変数定義のことですね、勉強になりました