三道JS试题（遍历、创建对象、URL解析）

最近在网上看到了三道不错的JS试题，还是很基础（一直认为学好前端基本功很重要。。。），现在记录如下：

原帖地址：http://www.w3cfuns.com/forum.php?mod=viewthread&tid=2264&extra=page%3D1%26filter%3Dtypeid%26typeid%3D177%26typeid%3D177

前两道有人答的不错，这里借用下，最后一道题自己码的，没有用正则

 //Q1:实现一个遍历数组或对象里所有成员的迭代器。

 var each = function(obj, fn){
         //+++++++++++答题区域+++++++++++
           if(obj instanceof Array){
               for(var i=0,j=obj.length;i<j;i++){ 

                   var temp=fn.call(obj[i],i+1);
                   if(temp===false){
                     break;
                   };
               }
          }else{
              if(! obj instanceof Object) return false;
                   for( e in obj){
                   fn.call(obj[e],obj[e],e);
                   }
              }
         //+++++++++++答题结束+++++++++++
 };

 try{
         var data1 = [4,5,6,7,8,9,10,11,12];
         var data2 = {
                 "a": 4,
                 "b": 5,
                 "c": 6
         };

         each(data1, function(o){
                 if( 6 == this )
                         return true;
                 else if( 8 == this )
                         return false;
                 console.log(o + ": \"" + this + "\"");
         });

         /*------[执行结果]------

         1: "4"
         2: "5"
         4: "7"

         ------------------*/

         each(data2, function(v, n){
                 if( 5 == this )
                         return true;
                 console.log(n + ": \"" + v + "\"");
         });

         /*------[执行结果]------

         a: "4"
         c: "6"

         ------------------*/

 }catch(e){
         console.error("执行出错，错误信息: " + e);
 }

 //Q2:实现一个叫Man的类，包含attr, words, say三个方法。
 var Man;
 //+++++++++++答题区域+++++++++++
 Man = function (info) {
         if (!(this instanceof Man)) {
                 // Man方法作为普通函数被调用
                 return new Man(info);
         }
         else {
                 // Man方法作为构造函数被调用
                 this.attr(info);
         }
 }

 Man.prototype = {
         attr : function(a, v) {
                 // 如果是一个键值集合, 则遍历该集合, 逐个调用attr().
                 if (typeof a === 'object')
                         for (var i in a)
                                 this.attr(i, a[i]);
                 else {
                         // 通过attr获取或设置的变量都为私有变量, 私有变量的变量名具有'_'前缀.
                         a = '_' + a;

                         // 设置参数的值
                         if (arguments.length === 2)
                                 this[a] = v;

                         // 访问参数的值
                         var r = this[a];
                         if (r === undefined || r === null)
                                 r = '<用户未输入>';

                         return r;
                 }
         },
         words : function(word) {
                 // 获取对象中的短语集合, 如果不存在了, 就创建一个.
                 var w = this._wordArray;
                 if (!w) {
                         this._wordArray = w = [];
                 }

                 if (word) {
                         w.push(word);
                 }
         },
         say : function() {
                 var name = this['_fullname'];
                 var words = this['_wordArray'];
                 var limit = this['_words-limit'];
                 var emote = this['_words-emote'] || '说';

                 var r = name + emote + ': "';
                 for (var i = 0; i < words.length && (typeof limit === 'number' ? i < limit : true); i++) {
                         r += words[i];
                 }
                 r += '"';

                 return r;
         }

 }

 //+++++++++++答题结束+++++++++++

 try{

         var me = Man({ fullname: "小红" });
         var she = new Man({ fullname: "小红" });

         console.info("我的名字是：" + me.attr("fullname") + "\n我的性别是：" + me.attr("gender"));
         /*------[执行结果]------

         我的名字是：小红
         我的性别是：<用户未输入>

         ------------------*/

         me.attr("fullname", "小明");
         me.attr("gender", "男");
         me.fullname = "废柴";
         me.gender = "人妖";
         she.attr("gender", "女");

         console.info("我的名字是：" + me.attr("fullname") + "\n我的性别是：" + me.attr("gender"));
         /*------[执行结果]------

         我的名字是：小明
         我的性别是：男

         ------------------*/

         console.info("我的名字是：" + she.attr("fullname") + "\n我的性别是：" + she.attr("gender"));
         /*------[执行结果]------

         我的名字是：小红
         我的性别是：女

         ------------------*/

         me.attr({
                 "words-limit": 3,
                 "words-emote": "微笑"
         });
         me.words("我喜欢看视频。");
         me.words("我们的办公室太漂亮了。");
         me.words("视频里美女真多！");
         me.words("我平时都看优酷！");

         console.log(me.say());
         /*------[执行结果]------

         小明微笑："我喜欢看视频。我们的办公室太漂亮了。视频里美女真多！"

         ------------------*/

         me.attr({
                 "words-limit": 2,
                 "words-emote": "喊"
         });

         console.log(me.say());
         /*------[执行结果]------

         小明喊："我喜欢看视频。我们的办公室太漂亮了。"

         ------------------*/

 }catch(e){
         console.error("执行出错，错误信息: " + e);
 }

 //Q3:实现一个URI解析方法，把url里#之后的参数解析成指定的数据结构。
 function urlParser(s){
         //+++++++++++答题区域+++++++++++
         var formatUrl = [];
         var obj = {};
         if(typeof s == "string" || Object.prototype.toString.call(s).slice(8,-1).toLowerCase() == "string"){
            //判断是否含有“#”
            if(s.split("#")[1] != null) {
               var argArr = s.split("#")[1].split("?");
               var hasFlag = (argArr[argArr.length-1].indexOf("&") == -1);
               //含有？时
               if(argArr.length > 1 ||  hasFlag){
                   var temp1 = argArr[0].split("/");
                   for(var i in temp1) (temp1[i] ==  '') || formatUrl.push(temp1[i]);
               }

               if(!hasFlag){
                   var temp2 =   argArr[argArr.length-1].split("&");
                   for(var i in temp2){
                       obj[temp2[i].slice(0,temp2[i].indexOf("="))] = temp2[i].slice(temp2[i].indexOf("=")+1);
                   }
                   formatUrl.push(JSON.stringify(obj));
               }
          }
         }

         return formatUrl;
         //+++++++++++答题结束+++++++++++
 }

 try{
         var url1 = "http://www.abc.com/m/s/#page/2/?type=latest_videos&page_size=20";
         var url2 = "http://www.abc.com/m/s/#type=latest_videos&page_size=20";
         var url3 = "http://www.abc.com/m/s/#page?type=latest_videos&page_size=20";
         var url4 = "http://www.abc.com/m/s/#page/2";

         console.log( urlParser(url1) );
         console.log( urlParser(url2) );
         console.log( urlParser(url3) );
         console.log( urlParser(url4) );
         /*------[执行结果]------

         ["page", "2", { "type": "latest_videos", "page_size": 20 }]
         [{ "type": "latest_videos", "page_size": 20 }]
         ["page", { "type": "latest_videos", "page_size": 20 }]
         ["page", "2"]
         ------------------*/

 }catch(e){
         console.error("执行出错，错误信息: " + e);
 }