Wtyczka służy do pobierania opisu+zdjęcia avatra z twittera, dodatkowo wyświetla czas kiedy wpis był umieszczony. Mam kilka pytań bo nie do końca rozumiem działanie tego skryptu.
1. Co to jest funkcja, klasa, obiekt ? (sry za takie pytanie ale naprawdę mam wątpliwości a chce wiedzieć)
2. Referencja this w this.replace czy donosi się do tego obiektu jQuery $([item.text]) ?
3. Do czego odnosi się referencja this w this.each(function() {returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"))}); i jakie zastosowanie mają $1, drugi argument funkcji replace to tekst do zastępujący wyrażenie pasujące do regexp więc nie za bardzo to rozumiem.

[JAVASCRIPT] pobierz, plaintext 
  1. (function($) {
  2.  
  3.   $.fn.tweet = function(o){
  4.     var s = {
  5.       username: ["user_name"],              // [string]   required, unless you want to display our tweets. :) it can be an array, just do ["username1","username2","etc"]
  6.       avatar_size: null,                      // [integer]  height and width of avatar if displayed (48px max)
  7.       count: 1,                               // [integer]  how many tweets to display?
  8.       loading_text: null,                     // [string]   optional loading text, displayed while tweets load
  9.       query: null                             // [string]   optional search query
  10.     };
  11.  
  12.     $.fn.extend({
  13.       linkUrl: function() {
  14.         var returning = [];
  15.         var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
  16.         this.each(function() {
  17.           returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"))
  18.         });
  19.         return $(returning);
  20.       },
  21.       linkUser: function() {
  22.         var returning = [];
  23.         var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
  24.         this.each(function() {
  25.           returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\">@$1</a>"))
  26.         });
  27.         return $(returning);
  28.       },
  29.       linkHash: function() {
  30.         var returning = [];
  31.         var regexp = / [\#]+([A-Za-z0-9-_]+)/gi;
  32.         this.each(function() {
  33.           returning.push(this.replace(regexp, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'">#$1</a>'))
  34.         });
  35.         return $(returning);
  36.       },
  37.       capAwesome: function() {
  38.         var returning = [];
  39.         this.each(function() {
  40.           returning.push(this.replace(/(a|A)wesome/gi, 'AWESOME'))
  41.         });
  42.         return $(returning);
  43.       },
  44.       capEpic: function() {
  45.         var returning = [];
  46.         this.each(function() {
  47.           returning.push(this.replace(/(e|E)pic/gi, 'EPIC'))
  48.         });
  49.         return $(returning);
  50.       },
  51.       makeHeart: function() {
  52.         var returning = [];
  53.         this.each(function() {
  54.           returning.push(this.replace(/[&lt;]+[3]/gi, "<tt class='heart'>&#x2665;</tt>"))
  55.         });
  56.         return $(returning);
  57.       }
  58.     });
  59.  
  60.     function relative_time(time_value) {
  61.       var parsed_date = Date.parse(time_value);
  62.       var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  63.       var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  64.       if(delta < 60) {
  65.       return 'less than a minute ago';
  66.       } else if(delta < 120) {
  67.       return 'about a minute ago';
  68.       } else if(delta < (45*60)) {
  69.       return (parseInt(delta / 60)).toString() + ' minutes ago';
  70.       } else if(delta < (90*60)) {
  71.       return 'about an hour ago';
  72.       } else if(delta < (24*60*60)) {
  73.       return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  74.       } else if(delta < (48*60*60)) {
  75.       return '1 day ago';
  76.       } else {
  77.       return (parseInt(delta / 86400)).toString() + ' days ago';
  78.       }
  79.     }
  80.  
  81.     if(o) $.extend(s, o);
  82.     return this.each(function(){
  83.       var list = $('<span class="tweet">').appendTo(this);
  84.       var loading = $('<span class="loading">'+s.loading_text+'</span>');
  85.       if(typeof(s.username) == "string"){
  86.         s.username = [s.username];
  87.       }
  88.  
  89.       var query = '';
  90.       if(s.query) {
  91.         query += 'q='+s.query;
  92.       }
  93.       query += '&q=from:'+s.username.join('%20OR%20from:');
  94.       var url = 'http://search.twitter.com/search.json?&'+query+'&rpp='+s.count+'&callback=?';
  95.       if (s.loading_text) $(this).append(loading);
  96.       $.getJSON(url, function(data){
  97.         if (s.loading_text) loading.remove();
  98.         $.each(data.results, function(i,item){
  99.  
  100.           var avatar_template = '<a class="tweet_avatar" href="http://twitter.com/'+ item.from_user+'"><img src="'+item.profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+item.from_user+'\'s avatar" border="0"/></a>';
  101.           var avatar = (s.avatar_size ? avatar_template : '')
  102.           var date = '<a href="http://twitter.com/'+item.from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a>';
  103.           var text = '<span class="tweet_text">' +$([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</span>';
  104.  
  105.           // until we create a template option, arrange the items below to alter a tweet's display.
  106.           list.append(text + '</span>');
  107. 		  $(".date").html(relative_time(item.created_at));
  108. 		  $(".avatar").html(avatar);
  109.         });
  110.       });
  111.     });
  112.   };
  113. })(jQuery);
[JAVASCRIPT] pobierz, plaintext