You are currently viewing Передача функции в качестве параметра в JavaScript

Передача функции в качестве параметра в JavaScript

Передача функции в качестве аргумента функции очень похожа на передачу переменной в качестве аргумента функции. В приведенных ниже примерах описывается передача функции в качестве параметра другой функции.

Пример 1: 

Этот пример передает функцию geeks_inner в функцию geeks_outer в качестве аргумента.

<!DOCTYPE html>
<html>
	<head>
		<title>
			JavaScript | Pass a function as parameter
		</title>
	</head>
	
	<body style = "text-align:center;">
		
		<h1 style = "color:green;" >
			GeeksForGeeks
		</h1>
		
		<p>
			Passing function as arguments.
		</p>
		
		<!-- Function call after clicking the button -->
		<button onclick = "geeks_outer(geeks_inner)">
			Click Here
		</button>	
		
		<script>
			function geeks_inner(value){
				return 'hello User!';
			}
			function geeks_outer(func){
				alert(func());
			}
		</script>
	</body>
</html>					

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку:

Пример 2:

В этом примере функция geeks_inner передается в качестве аргумента функции geeks_outer вместе с аргументом » Выродки!».

<!DOCTYPE html>
<html>
	<head>
		<title>
			JavaScript | Pass a function as parameter
		</title>
	</head>	
	
	<body style = "text-align:center;">
		
		<h1 style = "color:green;" >
			GeeksForGeeks
		</h1>
	
		<p>
			Passing function as arguments.
		</p>			
		
		<button onclick = "geeks_outer('Geeks!', geeks_inner)">
			Click Here
		</button>		
		
		<!-- Script to uses function call using
			function as argument -->
		<script>
			function geeks_inner(value){
				return 'hello '+value;
			}
			function geeks_outer(a, func){
				alert(func(a));
		}		
		</script>
	</body>
</html>					

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку: