首頁 > web前端 > js教程 > JavaScript的漂亮的程式碼片段_javascript技巧

JavaScript的漂亮的程式碼片段_javascript技巧

WBOY
發布: 2016-05-16 17:32:44
原創
1017 人瀏覽過

 動態建構正規表示式

複製程式碼 程式碼如下:

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

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


更有彈性和巧妙的數字補零

複製程式碼 程式碼如下:

f (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).subing (2); //8位元
Math.random().toString(36).substring(2); //16位元

 取得時間戳

相對於

var timeStamp = (new Date).getTime();
如下方式更方便:

複製代碼 程式碼如下:
var timeStamp = Number(new Date);

 轉換為數值並取整

複製程式碼 代碼如下:
var result = '3.1415926' | 0>
var result = '3.1415926' | 00


字串格式化

複製程式碼 程式碼如下:

function format(format) {


function format(format) {      FB.String.format._formatRE = /({[^}^{] })/g;

    }

    var values = arguments;

    return format.replace(
      FB.String.format._formatRE,
      function(str, m) {          value = values[index 1];
       if (value === null || value === undefined) {        return value.toString() ;
      }
    );
  }


  使用:



  使用:
> 程式碼如下:format('{0}.facebook.com/{1}', 'www', 'login.php'); //-> www.facebook .com/login.php


交換兩個變數的值

複製程式碼

程式碼如下:var foo = 1;var bar = 222 ;
foo = [bar, bar=foo][0];



RegExp Looping

複製程式碼

程式碼如下:String.prototype.format = function ( /argssString. / ) {  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() {


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

這確實是最簡單的技巧,但也是最實用的技巧。 奠定了JavaScript封裝的基礎。

三元運算 複製碼

代碼如下:


var some = con1 ? val1 :           con3 ? val3 :
          排除>一種函數註冊-呼叫機制

來自CKEditor,我做了提取。

複製程式碼 程式碼如下:
( function() {
// 將可用下標存取屬性的物件轉換成陣列
// 注意,IE下DOMNodeList會失敗
function toArray( arrayLike, index ) {
 return Array.prototype.slice .call( arrayLike, index || 0 );
}
window.Util = {
 'addFunction' : function( fn, scope ) {
 return fns.push( ftion(ns.push
   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';


var something = 'xxxx'; 'xxx';
console.log( false && something ); //-> false
console.log( true || something );  // -> true
console.log( false || something );  //-> something
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板