JS中使用Array函數shift和pop建立可忽略參數的範例_javascript技巧

在 JS Array 中支援兩個​​方法，shift() 和 pop()，分別是指從一個資料中的最前面和最後面刪除一個值，並回傳刪除值。看一個範例就明白了：

複製程式碼 程式碼如下:

var arr = [' s','o','f','i','s','h'];

arr.shift(); // 回傳's'
arr; // 目前是['o','f','i','s','h']
arr.pop () // 回傳'h'
arr // 目前是['o','f','i','s']

在許多JS 框架中可以很常見的是，一個方法提供你傳幾個參數，而這些參數中，部分是可以忽略的，這些可以忽略的點可能是第一個，也可能是最後一個。傳統的寫法是判斷參數有沒有存在，或是參數的個數來決定最終取值。

這裡，我們可以利用函數的 arguments 對象，以及 Array 中的 shift 和 pop 來實現靈活的應用。

一、使用shift
如何實現一個.bind() 方法，讓fn api 如下：

複製代碼程式碼如下:

// fn 的作用域限定於object 下
// 除object 外，所有bind 方法的參數都會傳給fn
fn.bind(object, param1, param2, [, paramN]);

看一個實例先。當然，這例子可能更重要的是 call和 apply 的應用。不過，我們想說的是shift 的應用程式：

複製程式碼 程式碼如下:

程式碼如下:


// 來自Prototype.js 的[`.bind`](http://www.prototypejs.org/api/function/bind) 方法
Function.prototype.bind = function(){
  var fn = this,
      args = Array.prototype.slice.call(arguments),
      object = args.shift();
  return fgunction(p. args.concat(Array.prototype.slice.call(arguments)));

      };
};

我們可以利用對arguments 物件(array-like object，需要轉換成真正的array)進行shift 來取出，像這個方法，主要利用它們來分出作為作用域的object，然後巧妙地把餘下的參數數組傳給fn，即調用我們想限定到object 作用域內的函數。

二、使用pop

最近在試用seajs，我們就拿它的一個api 來說吧：複製程式碼

複製程式碼

程式碼如下:

define(id, dependencies, callback)這個定義一個模組的api，id 和dependencies 都是可以省略的。這裡，如何實現這個支持呢？如果使用 if 來判斷，真就得 if (arguments === 1) {...} elseif ... 一大堆了。當然，這樣有時候也有好處的（?，想想）。這裡，我們可能用來pop 來方便實現這樣的支援：

複製程式碼


程式碼如下:


var define = function(){
    // 取出這個callback
    var args = [].slice.call(arguments)
 其他神馬事
        fn.apply(null, args)
    // ...
    },
 , len = args.length;
        if(len === 0) console.log('只有一個callback');       ]);

        }
    }

// 看看他們三個的執行結果

define(callback);
define('有兩個參數', callback);define('有三個參數', 'hello world ', callback);前兩天和同事除到一些JS 中的技巧時引用的一個東西。雖然總是叫自己不要太沉浸於程式碼中，但程式碼，不只是 JS，總是給我們太多樂趣。如何不喜歡。哈哈。