的Javascript $ .MAP（）Math.Max.Appy（）找到最大高度

Question

• 下面的代碼工作用於查找最大高度
• $.fn.代碼是用來添加此方法，因爲jQuery插件。
• $.Map()回報新陣列

• Math.Max.Apply回報最大數量從陣列

  $.fn.tallest = function(outer, margins) { 
  
      var fn = outer ? "height" : "outerHeight"; 
  
      return Math.max.apply(Math, $.map(this, function(el){return $(el)[fn](margins);})); 
  
  }; 
  
  //var images=jquery(img 1.jpg, img 2.jpg, img 3.ipg, img 4.jpg); 
  var slidesHeight = images.tallest(); 
  

• 在此我有以下線的麻煩理解，但理解 .MAP（）是如何工作的。
  $.map(this, function(el) {return $(el)[fn](margins);})

• $(el)[fn](margins) //特別是這條線如何返回圖像的高度屬性。

Answer 1

$(el)[fn]是調用$(el)的方法，其名稱在事先不知道的另一種方式。

$(el)[fn](margins)相同具有$(el).height(margins)或$(el).outerHeight(margins)取決於其取決於參數outer的值fn的值。

當outer是非falsy，fn將"outerHeight"和上面的語句將相當於$(el).outerHeight(margins)

當outer是falsy，fn將"height"和上面的語句將相當於$(el).height(margins)

Answer 2

*編輯加入費利克斯克林的筆記。

好吧，讓我們把它分解

$.map(this, function(el){return $(el)[fn](margins);}) 

1. $.map是一個函數，在集合遍歷並執行傳遞函數的集合中的每個元素，並返回所有結果的陣列。
   例如：

   $.map([1,2], function(i) {return i + 1}) 
   [2, 3] 
   

2. 的this指的是jQuery的集合$.fn.tallest()正在對集合。 例如：

   $('tr').tallest() // => this would refer to all the tr's within the dom 
   

3. $(el)[fn]
   在JavaScript中，則可以調用綁定到具有規則的點表示法的接收器的功能，如$(e1).height或可以使用括號標記爲你提供的例子中的作用： $(e1)['height']。

4. $(e1)[fn](margins)
margins在參數中傳遞給函數height()。

希望這會有所幫助。