JavaScript的漂亮的程式碼片段

動態構建Regex

複製代碼 代碼如下: new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) )

來自sizzle，動態構建正則時，這樣做避免了字元轉義。

更靈活和巧妙的數字補零

複製代碼 代碼如下: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 timeStamp = (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