JavaScript的漂亮的代碼片段
動(dòng)態(tài)構(gòu)建正則表達(dá)式
new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) )
來(lái)自sizzle,動(dòng)態(tài)構(gòu)建正則時(shí),這樣做避免了字符轉(zhuǎn)義。
更靈活和巧妙的數(shù)字補(bǔ)零
function prefixInteger(num, length) {
return (num / Math.pow(10, length)).toFixed(length).substr(2);
}
取數(shù)組的最大和最小值
Math.max.apply(Math, [1,2,3]) //3
Math.min.apply(Math, [1,2,3]) //1
產(chǎn)生漂亮的隨機(jī)字符串
Math.random().toString(16).substring(2); //8位
Math.random().toString(36).substring(2); //16位
獲取時(shí)間戳
相對(duì)于
var timeStamp = (new Date).getTime();
如下方式更方便:
var timeStamp = Number(new Date);
轉(zhuǎn)換為數(shù)值并取整
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
交換兩個(gè)變量的值
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
定義即運(yùn)行函數(shù)
( function() {
// do something
} )();
這確實(shí)是最簡(jiǎn)單的技巧,但也是最實(shí)用的技巧。 奠定了JavaScript封裝的基礎(chǔ)。
三元運(yùn)算
var some = con1 ? val1 :
con2 ? val2 :
con3 ? val3 :
defaultVal;
一種函數(shù)注冊(cè)-調(diào)用機(jī)制
來(lái)自CKEditor,我做了提取。
( function() {
var fns = [];
// 將可用下標(biāo)訪(fǎng)問(wèn)屬性的對(duì)象轉(zhuǎn)換成數(shù)組
// 注意,IE下DOMNodeList會(huì)失敗
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 ) );
}
};
} )();
// 應(yīng)用場(chǎng)景
var fnId;
// 在閉包中,添加一個(gè)可供全局調(diào)用的函數(shù)
( function() {
fnId = Util.addFunction( function( msg ) {
alert( msg );
} );
} )();
// 調(diào)用
Util.callFunction( fnId, 'Hello, World' ); //-> 'Hello,World';
短路運(yùn)算
var something = 'xxxx';
console.log( true && something ); //-> 'xxx';
console.log( false && something ); //-> false
console.log( true || something ); // -> true
console.log( false || something ); //-> something
相關(guān)文章
javascript getElementById 使用方法及用法
顧明思義,get-Element-By-Id,就是通過(guò)ID來(lái)設(shè)置/返回HTML標(biāo)簽的屬性及調(diào)用其事件與方法。用這個(gè)方法基本上可以控制頁(yè)面所有標(biāo)簽,條件很簡(jiǎn)單就是給每個(gè)標(biāo)簽分配一個(gè)ID號(hào)2008-11-11用JavaScript獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇用JavaScript獲取頁(yè)面文檔內(nèi)容的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06JavaScript里四舍五入函數(shù)round用法實(shí)例
這篇文章主要介紹了JavaScript里四舍五入函數(shù)round用法,實(shí)例分析了round函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04使用js獲取地址欄參數(shù)的方法推薦(超級(jí)簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇使用js獲取地址欄參數(shù)的方法推薦(超級(jí)簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06JavaScript實(shí)現(xiàn)防止網(wǎng)頁(yè)被嵌入Frame框架的代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)防止網(wǎng)頁(yè)被嵌入Frame框架的代碼分享,本文給出了2種防嵌入方法,需要的朋友可以參考下2014-12-12javascript間隔刷新的簡(jiǎn)單實(shí)例
這篇文章介紹了javascript間隔刷新的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-11-11