幾種javascript的改進寫法

          1遍歷數組
          通常寫法:(更改為“推薦寫法”,隨筆修改于2007年11月26日
          var myArray=new Array();
          myArray.push(
          1);
          myArray.push(
          "1");
          for(var i=0;i<myArray.length;i++)
          alert(myArray[i]);
          推薦寫法:(更改為“非推薦寫法”,隨筆修改于2007年11月26日
          var myArray=new Array();
          myArray.push(
          1);
          myArray.push(
          "1");
          for(var i in myArray)
          alert(myArray[i]);
          原因:代碼量少(原因見ke的評論,隨筆修改于2007年11月26日

          2定義構造函數
          通常寫法:
          function Person(name,sex)
          {
              
          var action='run';
              
          this.name=name;
              
          this.sex=sex;
              
          this.run=function(){
              alert(action);
              };
          }
          推薦寫法:
          function Person(name,sex)
          {
              
          this.name=name;
              
          this.sex=sex;
              
          this.action='run';
          }
          Person.prototype.run
          =function(){
              alert(
          this.action);
          };
          原因:避免重復創建函數,避免使用閉包
          3判斷一個js對象是否支持某個屬性或方法
          錯誤寫法:
          var person=new Person('lzq','男');
          if(person.name)
          {
             alert('name屬性存在');
          }
          正確寫法:
          var person=new Person('lzq','男');
          if(typeof(person.name)!='undefined')
          {
            alert('name屬性存在');
          }

          原因:當person.name=null,0,false時測試失效
          4在IE中根據name屬性取得SPAN元素
          錯誤寫法:

          var domObjs=document.getElementsByName('nameStr');
          正確寫法:
          function getElementsByNAME(name)
          {
             returns 
          = new Array();
             
          var e = document.getElementsByTagName('span');
             
          for(i = 0; i < e.length; i++) {
                                        
          if(e[i].getAttribute("name"== name) {
                                                    returns[returns.length] 
          = e[i];
                                        }
                          }
                          
          return returns;
          }
          var domObjs=getElementByNAME('nameStr'); 
          原因:w3c規范中getElementsByName是按著name屬性進行檢索的,而MS的IE卻是按著id來檢索,導致不能得到應該得到的Elements。
          5得到字符串所占的字符個數
          錯誤寫法:
          var str="Java我選擇,我喜歡!";
          var charLength=str.length;
          正確寫法:
          function   getLen(str) 
          {
                 
          var totallength=0;  
                 
          for (var i=0;i<str.length;i++)
                 
          {
                  
          var intCode=str.charCodeAt(i);    
                  
          if (intCode>=0&&intCode<=128
                  
          {
                       totallength
          =totallength+1//非中文單個字符長度加 1
                  }

                  
          else 
                  
          {
                       totallength
          =totallength+2//中文字符長度則加 2
                  }

                 }
           
                 
          return totallength;
           }

          var str="Java我選擇,我喜歡!";
          var charLength=getLen(str);
          原因:一個漢字占兩個字符

          posted on 2007-11-25 17:37 我為J狂 閱讀(2238) 評論(15)  編輯  收藏 所屬分類: JavaScript

          評論

          # re: 幾種javascript的改進寫法 2007-11-25 21:13 bean

          第一條、第三條嚴重質疑。
          第一條:
          for(var i=0,j=myArray.length;i<j;i++)
          alert(myArray[i]);
          第三條:
          if(Person.name){}  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-25 21:20 我為J狂

          @bean
          置疑什么?最好說得清楚一些,有點看不懂你的寫法。  回復  更多評論   

          # re: 幾種javascript的改進寫法[未登錄] 2007-11-25 21:31 ke

          Don't aggree on the third rule, closure can provide better encapsulation.
          The rule should be use closure to support private properties when possible.
          function Person(name,sex)
          {
          var action='run';//private property
          this.run=function(){//public method
          alert(action);
          };
          }  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-25 21:46 我為J狂

          @ke
          Thank you for your advice!Are you a foreigner?  回復  更多評論   

          # re: 幾種javascript的改進寫法[未登錄] 2007-11-25 21:48 ke

          For the first rule, it is a tirck, ARRAY IS KIND OF OBJECT

          var arr = [];
          arr[-1]=-1;//add an property named "-1" on arr OBJECT
          arr[1]=1; //put a value whose index is 1 into arr ARRAY
          for(var k in arr)alert("arr[" + k + "]=" + arr[k]);
          alert("length = " + arr.length);
          for(var i=0;i<arr.length;i++)alert("arr[" + i + "]=" +arr[i]);  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-25 21:54 我為J狂

          @ke
          Do you agree with me or not?  回復  更多評論   

          # re: 幾種javascript的改進寫法[未登錄] 2007-11-25 21:54 ke

          The fifth one, I tested your code in FF2 and IE7, both alert "12".

          var str="Java我選擇,我喜歡!";
          var charLength=str.length;

          May be there are problem in lower version.  回復  更多評論   

          # re: 幾種javascript的改進寫法[未登錄] 2007-11-25 21:58 ke

          @我為J狂
          I don't quite aggree on the 1st rule, there are advice on this problem in mozilla.
          http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Statements:for...in
          "Although it may be tempting to use this as a way to iterate over an Array, this is a bad idea. The for...in statement iterates over user-defined properties in addition to the array elements, so if you modify the array's non-integer or non-positive properties (e.g. by adding a "foo" property to it or even by adding a method or property to Array.prototype), the for...in statement will return the name of your user-defined properties in addition to the numeric indexes. Also, because order of iteration is arbitrary, iterating over an array may not visit elements in numeric order. Thus it is better to use a traditional for loop with a numeric index when iterating over arrays."  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-25 22:05 我為J狂

          @ke
          呵呵,太感謝您了!受益匪淺。  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-26 09:16 我為J狂

          @ke
          我接受您的建議:針對第一條:遍歷數組的推薦方法應該是for循環,而不是for...in循環。  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-26 09:46 Tiger F

          我認為第5條不正確,javascript中使用的應該是unicode,情況與java類似。這樣的做法反而會得到錯誤的結果。  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-26 09:51 Tiger F

          又看了一遍,可能是我理解錯了。
          這個做法是想要確定GBK編碼情況下字符串需要的存儲空間大小。不過我還是覺得這樣不好,要是后臺系統要采用utf8或者utf16呢。增加了系統部署的限制。  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-26 12:22 我為J狂

          @Tiger F
          第五條是用于前臺頁面顯示,與后臺程序沒有關系。例如用來使某個層(DIV)的寬度隨著其中的字符長度而變化。  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-11-28 20:44 金大為

          1.排開性能問題不說,你這樣做法時非常危險的。很多人都有擴充Array,String等原生對象的習慣。
          for in 可能將這些擴充的成員函數也遍歷出來

          人外 var myArray=[];


          2.基本認同
          3.基本認同
          4.。。。
          5.。。。  回復  更多評論   

          # re: 幾種javascript的改進寫法 2007-12-26 18:15 臺灣

          支持一下,點了個AD  回復  更多評論   

          <2007年11月>
          28293031123
          45678910
          11121314151617
          18192021222324
          2526272829301
          2345678

          導航

          統計

          常用鏈接

          留言簿(11)

          隨筆分類(48)

          文章分類(29)

          常去逛逛

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 吉安市| 塔城市| 桦甸市| 贵港市| 万州区| 保德县| 天长市| 龙江县| 西峡县| 建德市| 达尔| 新龙县| 凤凰县| 长兴县| 介休市| 文昌市| 长宁区| 洛川县| 东台市| 新兴县| 民和| 封丘县| 平凉市| 泰顺县| 来宾市| 白银市| 通化市| 咸宁市| 毕节市| 区。| 巴彦淖尔市| 稻城县| 华亭县| 剑河县| 巴南区| 尤溪县| 黄浦区| 二手房| 简阳市| 湖南省| 马鞍山市|