前端基础 - JavaScript高级应用（高阶函数）

最新推荐文章于 2024-07-04 11:38:55 发布

杨林伟

最新推荐文章于 2024-07-04 11:38:55 发布

阅读量986

点赞数 2

分类专栏： # 前端基础

本文链接：https://blog.csdn.net/qq_20042935/article/details/89679523

版权

前端基础专栏收录该内容

70 篇文章 3 订阅

订阅专栏

将函数用作函数的参数，或将函数作为值返回，这些概念属于高阶函数的域。

<head>
	 <script type='text/javascript'>
		 function temperature() {
			 return current
		 }
		 hot = function hot() {
			 alert('Hot.')
		 }
 		cold = function cold() {
			  alert('Cold.')
	    }
	    current = hot function swap() {
	          if(current == hot) { 
	                current = cold 
	            } else { 
	                current = hot 
	             } 
	     } 
	  </script>
	 </head>
	 <body> 
	  	<button onclick="funct = temperature()();">Temperature</button>
	  	 <button onclick="swap();">Swap</button>
	</body>

这个例子解决了一个常见问题：如何将更改中的行为附加到用户接口事件？通过高阶函数，这很容易做到。temperature 高阶函数返回 current 的值，而 current 又可以有 hot 或 cold 函数。看一下这个有些陈旧的函数调用：temperature()()。第一组括号用于调用 temperature 函数。第二组括号调用由 temperature 返回的函数。如下显示了输出：
在这里插入图片描述