すみません、javascriptを勉強していて分からない細かい所があり、複数にまたがるのですが教えてもらえると助かります。
https://qiita.com/H_Crane/items/adf88cc01eabce2b9a5f
こちらの記事のjsで下記の中の
javascript:chat.js
1var CHAT = CHAT || {}; 2 3CHAT.fire = { 4 init:function(){ 5 this.setParameters(); 6 this.bindEvent(); 7 }, 8 9 setParameters:function(){ 10 this.$name = $('#jsi-name'); 11 this.$textArea = $('#jsi-msg'); 12 this.$board = $('#jsi-board'); 13 this.$button = $('#jsi-button'); 14 15 //データベースと接続する。各自登録時に出たコードに書き換え。 16 this.chatDataStore = new Firebase('https://<各自>.firebaseio.com/'); 17 }, 18 19 bindEvent:function(){ 20 var self = this; 21 this.$button.on('click',function(){ 22 self.sendMsg(); 23 }); 24 25 //DBの「talks」から取り出す 26 this.chatDataStore.child('talks').on('child_added',function(data){ 27 var json = data.val(); 28 self.addText(json['user']); 29 self.addText(json['message']); 30 }); 31 }, 32 33 //ユーザー、メッセージ送信 34 sendMsg:function(){ 35 var self = this; 36 if (this.$textArea.val() == ''){ return } 37 38 var name = this.$name.val(); 39 var text = this.$textArea.val(); 40 41 //データベースの中の「talks」に値を送り格納('talks'は各自任意に設定可能) 42 self.chatDataStore.child('talks').push({user:name, message:text}); 43 self.$textArea.val(''); 44 }, 45 46 //受け取り後の処理 47 addText:function(json){ 48 var msgDom = $('<li>'); 49 msgDom.html(json); 50 this.$board.append(msgDom[0]); 51 } 52} 53 54$(function(){ 55 CHAT.fire.init(); 56});
1.var CHAT = CHAT || {};の意味
2.this.$name = $('#jsi-name');の$ってなんでしょうか?(どちらも)
回答3件
あなたの回答
tips
プレビュー