Q&A
maisumakun様、いつもアドバイスありがとうございます。
flagという意味のある単語なので、特定の機能を有しているものと思い込んでいました。
いろんな専門書・ウェブサイトで調べてみましたが、まったく見つかりません。
よろしくお願い致します。
「改訂新版jQuery本格入門_サンプルコード_P255」より
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>on/offによるメソッドの統一</title> <script src="../lib/jquery-1.11.1.min.js"></script> </head> <body> <div> <a href="http://jquery.com/">jQuery</a> <form><table></table></form> </div> <script>// <![CDATA[ // イベントハンドラ var handler = function() { return confirm($(this).text() + '(' + this.href + ')に移動しますか?'); }; // ラジオボタンの選択により実行されるメソッド var methods = { bind: function() { $('a').bind('click', handler); }, unbind: function() { $('a').unbind('click', handler); }, delegate: function() { $('div').delegate('a', 'click', handler); }, undelegate: function() { $('div').undelegate('a', 'click'); }, on: function() { $('div').on('click', 'a', handler); }, off: function() { $('div').off('click', 'a', handler); }, 'on-obj': function() { $('a').on({click: handler}); }, 'off-obj': function() { $('a').off({click: handler}); } } // フォームとラジオボタンの設定 $('form').on('submit', false); // bindに相当 $(document).on('change', 'form input[type="radio"]', function() { // $(document)はまだ存在しない要素に登録(予約)する場合 methods[this.value](); }); // ラジオボタン(<input type="radio">)の追加 var tr, form = $('form'), tbody = $.support.tbody ? $('form table') : $('<tbody>').appendTo('form table'); $.each(methods, function(key, value) { var id = 'radio-' + key; tr = tr && tr.flag ? tr : $('<tr>').appendTo(tbody); // 疑問の箇所 var td = $('<td>').appendTo(tr); $('<input>', {id: id, type: 'radio', name: 'methods', val: key}).appendTo(td); $('<label>', {for: id, text: key}).appendTo(td); tr.flag = !tr.flag; }); // ]]></script> </body> </html>
回答2件
2
そのあとの
tr.flag = !tr.flag;
と連動して確認すると意味が出てくるようになっています。
JavaScriptではオブジェクトに対してプロパティを勝手に設定できるので、
JavaScript
1let obj = {}; 2 3obj.a = "1"; 4obj.b = "2"; 5 6console.log(obj);
それっぽい名前（flag = フラグ）をつけて真偽値を入れ、何かの判定に使うようなことはよくあります。
※注意するべき点は、上書きしてしまうので、そのオブジェクトが元から持っているプロパティや機能に対して行わないように配慮すべきという点。
書籍であれば何かしらヒントとなる解説はあるはずですよ。
そのままでなくても、プロパティについての解説とか、どういう意図で書いているコードなのかとか。
投稿2022/10/28 00:22
総合スコア80701
1
ベストアンサー
勝手に作ったプロパティで、JavaScript的な意味はありません。
投稿2022/10/27 14:43
総合スコア144631
回答へのコメント
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。
2022/10/31 09:12