JavaScript中Function()构造函数的使用教程

作者：异步漫步时间：2026-10-29 10:34:11浏览：163

本文介绍JavaScript中Function()构造函数的用法。通过new运算符创建动态函数，支持任意数量参数，最后一个为函数体。示例展示如何定义乘法函数并调用，强调其创建的是匿名函数，且无命名参数。

Function()构造函数概述

Function()构造函数并非用于定义新函数的语句，而是通过new运算符动态创建函数的唯一方式。

注：这是面向对象编程的术语。第一次可能会感觉不太习惯，这里是没有问题的。语法

下面是使用new运算符创建一个使用功能Function()构造的语法。


<script type="text/javascript">
<!--
var variablename = new Function(Arg1, Arg2..., "Function Body");
//-->
</script>

Function()函数构造预期任意数量的字符串参数。最后一个参数是函数体- 它可以包含任意JavaScript语句，用分号彼此分开。

请注意，Function()构造不通过任何参数，指定一个名字为它创建函数。使用Function()构造函数创建的未命名的函数称为匿名函数。例子：

下面是创建一个函数的例子：


<script type="text/javascript">
<!--
var func = new Function("x", "y", "return x*y;");
//-->
</script>

这行代码创建了一个新的函数是或多或少等同于定义的函数的语法：


<script type="text/javascript">
<!--
function f(x, y){ 
 return x*y; 
}
//-->
</script>

这意味着你可以调用上面函数如下：


<script type="text/javascript">
<!--
func(10,20); // This will produce 200
//-->
</script>

作者最新文章

D3.js 比例尺与坐标轴的配置详解

2026-11-05 16:54:46

JavaScript怎么遍历对象的Symbol键和不可枚举属性

2026-11-05 13:13:39

封装一个健壮的JS字符串判空工具函数

2026-11-05 12:16:14

JavaScript合并数组的三种常用方法：concat、扩展运算符与push

2026-11-05 11:22:29

JavaScript立即执行函数(IIFE)是什么及基本语法

2026-11-05 10:51:19