41 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			41 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | ||
| title: Higher Order Functions
 | ||
| localeTitle: Функции более высокого порядка
 | ||
| ---
 | ||
| ## Функции более высокого порядка
 | ||
| 
 | ||
| Функция высшего порядка - это любая функция, которая возвращает функцию при выполнении, принимает функцию как один или несколько своих аргументов или и то, и другое. Если вы использовали какой-либо из методов `Array` например `map` или `filter` , или передали функцию обратного вызова в `$.get` jQuery, вы уже работали с функциями более `$.get` порядка.
 | ||
| 
 | ||
| Когда вы используете `Array.map` , вы предоставляете функцию как единственный аргумент, который применяется к каждому элементу, содержащемуся в массиве.
 | ||
| 
 | ||
| ```javascript
 | ||
| var arr = [ 1, 2, 3 ]; 
 | ||
|  
 | ||
|  var arrDoubled = arr.map(function(num) { 
 | ||
|   return num * 2; 
 | ||
|  }); 
 | ||
|  
 | ||
|  console.log(arrDoubled); // [ 2, 4, 6 ] 
 | ||
| ```
 | ||
| 
 | ||
| Функции более высокого порядка также могут возвращать функцию. Например, вы можете сделать функцию `multiplyBy` которая принимает число и возвращает функцию, которая умножает другое число, которое вы предоставляете первым предоставленным номером. Вы можете использовать этот подход для создания функции `multiplyByTwo` для перехода к `Array.map` . Это даст вам тот же результат, который вы видели выше.
 | ||
| 
 | ||
| ```javascript
 | ||
| function multiplyBy(num1) { 
 | ||
|   return function(num2) { 
 | ||
|     return num1 * num2; 
 | ||
|   } 
 | ||
|  } 
 | ||
|  
 | ||
|  var multiplyByTwo = multiplyBy(2); 
 | ||
|  
 | ||
|  var arr = [ 1, 2, 3 ]; 
 | ||
|  
 | ||
|  var arrDoubled = arr.map(multiplyByTwo); 
 | ||
|  
 | ||
|  console.log(arrDoubled); // [ 2, 4, 6 ] 
 | ||
| ```
 | ||
| 
 | ||
| См. Руководство по [закрытию](https://guide.freecodecamp.org/javascript/closures) для получения дополнительной информации о том, как `multiplyByTwo` сохраняет ссылку на `num1` в приведенном выше примере.
 | ||
| 
 | ||
| [Дополнительная информация о Closures](https://eloquentjavascript.net/05_higher_order.html) |