JavaScriptの綺麗なコードセグメント

動的ビルド正規表現

 
  
 new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) ) 
  
 
 

sizleから、ダイナミックに正則を構築すると、文字の変換が回避されます.
より柔軟で巧妙な数字でゼロを補う.

 
  
function prefixInteger(num, length) { 
  
    return (num / Math.pow(10, length)).toFixed(length).substr(2); 
  
} 
  
 
 

 配列の最大値と最小値をとります.

 
  
Math.max.apply(Math, [1,2,3]) //3 
  
Math.min.apply(Math, [1,2,3]) //1 
  
 
 

きれいなランダム文字列を生成します.

 
  
Math.random().toString(16).substring(2); //8  
  
Math.random().toString(36).substring(2); //16  
  
 
 

 タイムスタンプを取得
var timeStam=(new Date).getTime()に対して;次のような方法が便利です.

 
  
var timeStamp = Number(new Date); 
  
 
 

 数値に変換して整理します.

 
  
var result = '3.1415926' | 0; // 3 
  
 
 

文字列の書式設定

 
  
function format(format) { 
  
    if (!FB.String.format._formatRE) { 
  
      FB.String.format._formatRE = /(\{[^\}^\{]+\})/g; 
  
    } 
   
  
    var values = arguments;
 
  
    return format.replace(
      FB.String.format._formatRE,
      function(str, m) {
        var
          index = parseInt(m.substr(1), 10),
          value = values[index + 1];
        if (value === null || value === undefined) {
          return '';
        }
        return value.toString();
      }
    );
  } 
 
 

  使用:

 
  
format('{0}.facebook.com/{1}', 'www', 'login.php'); 
  
//-> www.facebook.com/login.php 
  
 
 

二つの変数の値を交換します.

 
  
var foo = 1; 
  
var bar = 2; 
  
foo = [bar, bar=foo][0]; 
  
 
 

RegExp Looping

 
  
String.prototype.format = function ( /* args */ ) { 
  
  var args = arguments; 
  
  return this.replace( 
  
     /\{(\d+)\}/g, 
  
     function (full, idx) { 
  
         return args[idx]; 
  
     } ) 
  
} 
   
  
'Hello {0}, How{1}'.format( 'Bob', ' you doin');
// => Hello Bob, How you doinhttp://mazesoul.github.com/Readability_idioms_and_compression_tolerance/#31.0
 
 

定義と実行関数

 
  
( function() { 
  
// do something 
  
} )(); 
  
 
 

これは確かに一番簡単なテクニックですが、一番実用的なテクニックです.JavaScriptパッケージの基礎を打ち立てました.
三元演算

 
  
var some = con1 ? val1 : 
  
           con2 ? val2 : 
  
           con3 ? val3 : 
  
           defaultVal; 
  
 
 

関数登録-呼び出し機構
CKEditorから来ました.抽出しました.

 
  
( function() { 
  
var fns = []; 
  
//                   
  
//   ，IE DOMNodeList    
  
function toArray( arrayLike, index ) { 
  
 return Array.prototype.slice.call( arrayLike, index || 0 ); 
  
} 
  
window.Util = { 
  
 'addFunction' : function( fn, scope ) { 
  
  return fns.push( function(){ 
  
   return fn.apply( scope || window, arguments ); 
  
  } ) - 1; 
  
 }, 
   
  
 'removeFunction' : function( index ) {
  fns[ index ] = null;
 },
 
  
 'callFunction' : function( index ) {
  var fn = fns[ index ];

  return fn && fn.apply( window, toArray( arguments, 1 ) );
 }
};
} )();
//     
var fnId;
//     ，             
( function() {
 fnId = Util.addFunction( function( msg ) {
  alert( msg );
 } );
} )();
 
  
//   
Util.callFunction( fnId, 'Hello, World' ); //-> 'Hello,World';
 
 

短絡演算

 
  
var something = 'xxxx'; 
  
console.log( true && something ); //-> 'xxx'; 
  
console.log( false && something ); //-> false 
  
console.log( true || something );  // -> true 
  
console.log( false || something );  //-> something