JavaScript函数数组实现与调用示例

JavaScript函数数组实现原理

JavaScript与Java等语言的一个显著区别在于，函数在JS中被视为一等公民，可以像对象一样作为数据进行处理。由于JavaScript不进行严格的类型检查，数组可以存储任意类型的数据。基于这一特性，我们可以尝试将函数存入数组中。

本示例旨在实现以下功能：

函数在被调用后，可根据参数决定是否将其自身引用存入数组。

随后，通过一个主函数来操作该数组，依次调用其中存储的函数。

最初构思此方法是为了实现撤销（Undo）功能，即每个函数执行后将自己存入队列，撤销时移除最后一个函数并重新执行队列。虽然觉得实现起来较为繁琐，但函数数组的基本功能已实现。以下提供JSP页面的代码示例。

 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MothedList</title>
</head>
<body>
<input type="button" onclick="ff()" />
<script type="text/javascript">
list = new Array;
f1 = function f1(flage) {
alert("f1");
if (flage)
list.push(f1);
} 
f2 = function f1(flage) {
alert("f2");
if (flage)
list.push(f2);
} 
function ff() {
f1(true);
f2(true);
f = list.pop();
f(false);
f = list.pop();
f();
} 
</script>
</body>
</html>