underscore.js _.tap()用法及代碼示例

Underscore.js是一個JavaScript庫，它提供了許多有用的函數，即使不使用任何內置對象，它們也可以以很大的方式幫助編程，例如映射，過濾器，調用等。

_.tap()函數是JavaScript的Underscore.js庫中的內置函數，該函數用於調用具有指定對象的攔截器。此外，此方法的主要目的是對方法鏈進行“tap into”，以便它可以對中間結果執行鏈內操作。

用法:

_.tap(object, interceptor)

參數：它接受以下指定的兩個參數：

object:這是陳述的對象。
interceptor:這是要調用的函數。

返回值：此方法返回對象。

範例1：

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
    </script> 
</head> 
  
<body> 
    <script> 
        console.log(_.chain([4, 5, 6, 7]) 
        .tap(function (array) { 
            array.push(8); 
        })) 
            .value();  
    </script> 
</body> 
  
</html>

輸出：

[4, 5, 6, 7, 8]

範例2：

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
    </script> 
</head> 
  
<body> 
    <script> 
        console.log(_.chain(['a', 'b', 'c', 'd']) 
        .tap(function (array) { 
            array.pop(); 
        })) 
            .value();  
    </script> 
</body> 
  
</html>

輸出：

["a", "b", "c"]

範例3：

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
    </script> 
</head> 
  
<body> 
    <script> 
        console.log(_.chain([1, 2, 3, 4, 5, 6, 7, 8, 9]) 
            .filter(function (number)  
                { return number % 3 == 0; }) 
            .tap(alert) 
            .map(function (number)  
                { return number * number })) 
            .value(); 
    </script> 
</body> 
  
</html>

輸出：

3, 6, 9   // Result of filter function
[9, 36, 81] // After tap method map function is performed

在此，將映射函數應用於通過濾波方法獲得的中間結果。

參考： https://underscorejs.org/#tap

相關用法

注：本文由純淨天空篩選整理自nidhi1352singh大神的英文原創作品 Underscore.js _.tap() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。