CoffeeScript 檢測與構(gòu)建丟失的函數(shù)

檢測與構(gòu)建丟失的函數(shù)

問題

你想要檢測一個函數(shù)是否存在，如果不存在則構(gòu)建該函數(shù)。（比如Internet Explorer 8的ECMAScript 5函數(shù)）。

解決方案

使用存在賦值運算符（?=）來把函數(shù)分配給類庫的原型（使用::簡寫），然后把它放于一個立即執(zhí)行函數(shù)表達式中（do ->）使其含有所有變量。

do -> Array::filter ?= (callback) ->
  element for element in this when callback element

array = [1..10]

array.filter (x) -> x > 5
# => [6,7,8,9,10]

討論

在JavaScript （同樣地，在 CoffeeScript）中，對象都有一個原型成員，它定義了什么成員函數(shù)能夠適用于基于該原型的所有對象。
在CoffeeScript中，你可以使用 :: 捷徑來訪問這個原型。所以如果你想要把過濾函數(shù)添加至數(shù)組類中，就執(zhí)行Array::filter=...語句。它能把過濾函數(shù)加至所有數(shù)組中。

但是，不要去覆蓋一個在第一時間還沒有構(gòu)造的原型。比如，如果Array::filter = ...已經(jīng)以快速本地形式存在于瀏覽器中，或者庫制造者擁有其對于Array::filter = ...的獨特版本，這樣以來，你要么換一個慢速的JavaScript版本，要么打破這種依賴于其自身Array::shuffle的庫。
你需要做的僅僅是在函數(shù)不存在的時候添加該函數(shù)。這就是存在賦值運算符（?=）的意義。如果我們執(zhí)行Array::filter = ...語句，它會首先判斷Array::filter是否已經(jīng)存在。如果存在的話，它就會使用現(xiàn)在的版本。否則，它會添加你的版本。

最后，由于存在的賦值運算符在編譯時會創(chuàng)建一些變量，我們會通過把它們封裝在立即調(diào)用函數(shù)表達式（ IIFE ）中來簡化代碼。這將隱藏那些內(nèi)部專用的變量，以防止泄露。所以假如我們寫的函數(shù)已經(jīng)存在，那么它將運行，基本上什么都沒做然后退出，絕對不會對你的代碼造成影響。但是假如我們寫的函數(shù)并不存在，那么我們發(fā)送出去的僅是一個作為閉包的函數(shù)。所以只有你寫的函數(shù)能夠?qū)Υa產(chǎn)生影響。無論哪種方式，?=的內(nèi)部運行都會被隱藏。

舉例

接下來，我們用上述的方法編譯了CoffeeScript并附加了說明：

// (function(){ ... })() 是一個 IIFE， 使用 `do ->` 來編譯它。
(function() {

  // 它來自 `?=`  運算符，用來檢查 Array.prototype.filter (`Array::filter`) 是否存在。
  // 如果確實存在，我們把它設(shè)置給其自身，并返回。如果不存在，則把它設(shè)置給函數(shù)，并返回函數(shù)。
  // The IIFE is only used to hide _base and _ref from the outside world.
  var _base, _ref;
  return (_ref = (_base = Array.prototype).filter) != null ? _ref : _base.filter = function(callback) {

    // `element for element in this when callback element`
    var element, _i, _len, _results;
    _results = [];
    for (_i = 0, _len = this.length; _i < _len; _i++) {
      element = this[_i];
      if (callback(element)) {
        _results.push(element);
      }
    }
    return _results;

  };
// The end of the IIFE from `do ->`
})();