js小技巧

• 禁止拖动鼠标选中内容：

  var clearselect = window.getSelection ? function(){ window.getSelection().removeAllRanges(); } : function(){ document.selection.empty(); };

  
  
• 返回类型的名字：

  Object.prototype.toString.call( xxx ).replace(/\[.+?\s+(.+)\]/,"$1")

  
  
• 返回一个对象的字段数量：(ie6,ie7不支持)

  Object.keys({name:"bbb",age:123}).length

  
  
• 比如一个方法 return xxx，之后还想做点其他事，你可以这样：

  function createButton(){       
         
          try{
             return xxx;
          }finally{
                obj = null;
          }
  }

  
  这有个防治ie内存泄漏的应用例子：try finally 妙用,防止内存泄漏
  
  
• 用 length 属性来截断数组

   var myArray = yourArray = [1, 2, 3];  
      // :(  
      // 囧  
      myArray = []; // `yourArray` is still [1, 2, 3]  
                    // `yourArray` 仍然是 [1, 2, 3]  
      // The right way, keeping reference  
      // 正确的方法是保持引用  
      myArray.length = 0; // `yourArray` and `myArray` both [ ]  
                          // `yourArray` 和 `myArray`（以及其它所有对这个数组的引用）都变成 [ ] 了  

  
  
• 使用 push 来合并数组

  var mergeTo = [4,5,6];  
      var mergeFrom = [7,8,9];        
      Array.prototype.push.apply(mergeTo, mergeFrom);        
      mergeTo; // is: [4, 5, 6, 7, 8, 9]  

• 生成一组随机的字母数字字符

  function generateRandomAlphaNum(len) {
      var rdmstring = "";
      for( ; rdmString.length < len; rdmString  += Math.random().toString(36).substr(2));
      return  rdmString.substr(0, len);
  
  }

  
  
• 打乱数字数组

  var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
  numbers = numbers.sort(function(){ return Math.random() - 0.5});
  /* the array numbers will be equal for example to [120, 5, 228, -215, 400, 458, -85411, 122205]  */

• 将参数对象转换为数组 

  var argArray = Array.prototype.slice.call(arguments);

• unicode 字符转成16进制

  "♥".charCodeAt(0).toString(16)

• 舍入小数位数

  var num =2.443242342;
  num = num.toFixed(4);  // num will be equal to 2.4432

  
  
• 浮点数问题

  0.1 + 0.2 === 0.3 // is false 
  9007199254740992 + 1 // is equal to 9007199254740992  
  9007199254740992 + 2 // is equal to 9007199254740994

  0.1+0.2等于0.30000000000000004，为什么会发生这种情况？根据IEEE754标准，你需要知道的是所有JavaScript数字在64位二进制内的都表示浮点数。开发者可以使用toFixed()和toPrecision()方法来解决这个问题。
  
• 在将参数传递到isFinite()之前进行验证

  isFinite(0/0) ; // false 
  isFinite("foo"); // false 
  isFinite("10"); // true 
  isFinite(10);   // true 
  isFinite(undifined);  // false 
  isFinite();   // false 
  isFinite(null);  // true  !!! 

• 避免使用eval()或Function构造函数

  eval()和Function构造函数被称为脚本引擎，每次执行它们的时候都必须把源码转换成可执行的代码，这是非常昂过的操作。

• 不要向setTimeout()和setInterval()方法里传递字符串如果在这两个方法里传递字符串，那么字符串会像eval那样重新计算，这样速度就会变慢，而不是这样使用：

  setInterval('doSomethingPeriodically()', 1000);  
  setTimeOut('doSomethingAfterFiveSeconds()', 5000);

  相反，应该这样用：

  setInterval(doSomethingPeriodically, 1000);  
  setTimeOut(doSomethingAfterFiveSeconds, 5000);

• 一个HTML escaper函数

  function escapeHTML(text) {  
      var replacements= {"<": "<", ">": ">","&": "&", "\"": """};                      
      return text.replace(/[<>&"]/g, function(character) {  
          return replacements[character];  
      }); 
  }

• 在一个loop里避免使用try-catch-finallytry-catch-finally在当前范围里运行时会创建一个新的变量，在执行catch时，捕获异常对象会赋值给变量。

  var object = ['foo', 'bar'], i;  
  for (i = 0, len = object.length; i <len; i++) {  
      try {  
          // do something that throws an exception 
      }  
      catch (e) {   
          // handle exception  
      } 
  }

  应该这样使用：

  var object = ['foo', 'bar'], i;  
  try { 
      for (i = 0, len = object.length; i <len; i++) {  
          // do something that throws an exception 
      } 
  } 
  catch (e) {   
      // handle exception  
  } 

• 给XMLHttpRequests设置timeouts如果一个XHR需要花费太长时间，你可以终止链接（例如网络问题），通过给XHR使用setTimeout()解决。

  var xhr = new XMLHttpRequest (); 
  xhr.onreadystatechange = function () {  
      if (this.readyState == 4) {  
          clearTimeout(timeout);  
          // do something with response data 
      }  
  }  
  var timeout = setTimeout( function () {  
      xhr.abort(); // call error callback  
  }, 60*1000 /* timeout after a minute */ ); 
  xhr.open('GET', url, true);  
  
  xhr.send();

  此外，通常你应该完全避免同步Ajax调用。
• 处理WebSocket超时
  

  一般来说，当创建一个WebSocket链接时，服务器可能在闲置30秒后链接超时，在闲置一段时间后，防火墙也可能会链接超时。 
  

  为了解决这种超时问题，你可以定期地向服务器发送空信息，在代码里添加两个函数：一个函数用来保持链接一直是活的，另一个用来取消链接是活的，使用这种方法，你将控制超时问题。 
  

  添加一个timeID……

  var timerID = 0; 
  function keepAlive() { 
      var timeout = 15000;  
      if (webSocket.readyState == webSocket.OPEN) {  
          webSocket.send('');  
      }  
      timerId = setTimeout(keepAlive, timeout);  
  }  
  function cancelKeepAlive() {  
      if (timerId) {  
          cancelTimeout(timerId);  
      }  
  }

  keepAlive()方法应该添加在WebSocket链接方法onOpen()的末端，cancelKeepAlive()方法放在onClose()方法下面。 
  
  
• 最原始的操作要比函数调用快
  对于简单的任务，最好使用基本操作方式来实现，而不是使用函数调用实现。 
  例如：

  var min = Math.min(a,b); 
  A.push(v);

  基本操作方式：

  var min = a < b ? a b; 
  A[A.length] = v;

• 正则表达式去重示例：

  (','+[1,1,2,2,3].join()+',').replace(/,(\d+)(?=.*?,\1)/g, '').replace(/^,+|,+$/g, '').split(',')

• 
  字符串 splice方法实现：

   Benchmark.prototype.setup = function() {
      String.prototype.splice = function(start, length, replacement) {
        return this.substr(0, start) + replacement + this.substr(start + length);
      };
      String.prototype.sreplace = function(start, length, word) {
        return this.replace(
        new RegExp("^(.{" + start + "}).{" + length + "}"), "$1" + word);
      };

  
  来自：http://jsperf.com/string-splice/2