Function() 构造函数 - JavaScript | MDN 跳转到主要内容 跳转到搜索 MDN HTML HTML: Markup language HTML reference Elements Global attributes Attributes See all… HTML guides Responsive images HTML cheatsheet Date & time formats See all… Markup languages SVG MathML XML CSS CSS: Styling language CSS reference Properties Selectors At-rules Values See all… CSS guides Box model Animations Flexbox Colors See all… Layout cookbook Column layouts Centering an element Card component See all… JavaScriptJS JavaScript: Scripting language JS reference Standard built-in objects Expressions & operators Statements & declarations Functions See all… JS guides Control flow & error handing Loops and iteration Working with objects Using classes See all… Web APIs Web APIs: Programming interfaces Web API reference File system API Fetch API Geolocation API HTML DOM API Push API Service worker API See all… Web API guides Using the Web animation API Using the Fetch API Working with the History API Using the Web speech API Using web workers All All web technology Technologies Accessibility HTTP URI Web extensions WebAssembly WebDriver See all… Topics Media Performance Privacy Security Progressive web apps Learn Learn web development Frontend developer course Getting started modules Core modules MDN Curriculum Check out the video course from Scrimba, our partner Learn HTML Structuring content with HTML module Learn CSS CSS styling basics module CSS layout module Learn JavaScript Dynamic scripting with JavaScript module Tools Discover our tools Playground HTTP Observatory Border-image generator Border-radius generator Box-shadow generator Color format converter Color mixer Shape generator About Get to know MDN better About MDN Advertise with us Community MDN on GitHub Blog 切换侧边栏 面向开发者的 Web 技术 JavaScript JavaScript 参考 JavaScript 标准内置对象 Function Function() 主题 跟随系统 浅色 深色 中文 (简体) 记住语言 了解更多 Deutsch English (US) Español Français 日本語 한국어 Русский 中文 (简体) 此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。 View in English Always switch to English Function() 构造函数 基线 广泛可用 自 2015年7月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。 了解更多 查看完整兼容性 警告：传递给此构造函数的参数会被动态解析并作为 JavaScript 执行。此类 API 被称为注入陷阱，是跨站脚本攻击（XSS）的潜在载体。 你可以通过始终传递 TrustedScript 对象而不是字符串，并强制使用受信任类型来降低此风险。 详见安全考虑章节。 Function() 构造函数用于创建 Function 对象。直接调用构造函数可以动态创建函数，但会存在安全问题以及与 eval() 类似（但远不那么严重的）的性能问题。不过，与可能访问本地作用域的 eval 不同，Function 构造函数创建的函数仅能在全局作用域中执行。 本文内容 尝试一下 语法 描述 示例 规范 浏览器兼容性 参见 尝试一下 const sum = new Function("a", "b", "return a + b"); console.log(sum(2, 6)); // 期望输出：8 语法 js new Function(functionBody) new Function(arg1, functionBody) new Function(arg1, arg2, functionBody) new Function(arg1, arg2, /* …, */ argN, functionBody) Function(functionBody) Function(arg1, functionBody) Function(arg1, arg2, functionBody) Function(arg1, arg2, /* …, */ argN, functionBody) 备注：调用 Function() 时可以使用或不使用 new。两者都会创建一个新的 Function 实例。 参数 arg1、…、argN 可选 TrustedScript 实例或字符串，用于指定函数将作为形式参数名称使用的名称。该值必须对应于一个有效的 JavaScript 参数（可以是普通的标识符、剩余参数或解构参数，也可选择使用默认参数），或用逗号分隔的此类字符串的列表。 由于参数的解析方式与函数表达式相同，所以接受空白和注释。例如："x", "theValue = 42", "[a, b] /* 数字 */" 或 "x, theValue = 42, [a, b] /* 数字 */"。（"x, theValue = 42", "[a, b]" 也是正确的，虽然有些难以阅读。） functionBody 包含构成函数定义的 JavaScript 语句的 TrustedScript 或字符串。 异常 SyntaxError 函数参数无法被解析为有效的参数列表，或 functionBody 无法被解析为有效的 JavaScript 语句。 TypeError 当通过 CSP 强制使用受信任类型且未定义默认策略，而任意参数为字符串。 描述 使用 Function 构造函数创建的 Function 对象会在函数创建时完成解析。这比用函数表达式或函数声明创建一个函数并在代码中调用它的效率要低，因为使用表达式或声明创建的函数会和其他的代码一起被解析。 除最后一个外，传递给函数的所有参数都被当作要创建的函数中参数的标识符的名称，并按照它们被传递的顺序进行处理。函数将被动态编译为一个函数表达式，其源代码会按下述形式组装： js `function anonymous(${args.join(",")} ) { ${functionBody} }`; 你可以通过调用函数的 toString() 方法来观察。 然而，与普通的函数表达式不同，anonymous 这个名字不会被添加到 functionBody 的作用域中，因为 functionBody 只能访问全局作用域。如果 functionBody 不在严格模式中（主体本身需要有 "use strict" 指令，因为它不从上下文中继承严格性），你可以使用 arguments.callee 来指代函数本身。另外，你可以将递归部分定义为一个内部函数： js const recursiveFn = new Function( "count", ` (function recursiveFn(count) { if (count < 0) { return; } console.log(count); recursiveFn(count - 1); })(count); `, ); 请注意，组装后的源代码的两个动态部分——参数列表 args.join(",") 和 functionBody——将首先被分别解析，以确保它们在语法上都是有效的。这可以防止类似注入的尝试。 js new Function("/*", "*/) {"); // SyntaxError: Unexpected end of arg string // 不会变成“function anonymous(/*) {*/) {}” 安全考虑 该方法可用于执行传递给任何参数的任意输入。如果输入是用户提供的可能不安全的字符串，这是跨站脚本攻击（XSS）的潜在载体。例如，以下示例假设 untrustedCode 是由用户提供的： js const untrustedCode = "alert('潜在的恶意代码！');"; const adder = new Function("a", "b", untrustedCode); 对于指定了 script-src 或 default-src 的内容安全策略（CSP）的网站默认会阻止此类代码运行。如果你必须允许通过 Function() 运行脚本，可通过始终传递 TrustedScript 对象而不是字符串，并使用 require-trusted-types-for CSP 指令来强制使用受信任类型以缓解这些问题。这可以确保输入经过转换函数进行处理。 要允许 Function() 运行，你还需要在 CSP 的 script-src 指令中指定 trusted-types-eval 关键字。unsafe-eval 关键字也允许 Function()，但安全性远低于 trusted-types-eval，因为它甚至会在不支持受信任类型的浏览器上允许执行。 例如，你的网站的 CSP 配置可能如下所示： http Content-Security-Policy: require-trusted-types-for 'script'; script-src '<你的白名单>' 'trusted-types-eval' 转换函数的行为取决于具体需要用户提供脚本的用例。如果可能，你应该将允许的脚本严格限定为仅包含你信任的代码。如果无法做到这一点，你可以在提供的字符串中允许或阻止某些函数的使用。 示例 请注意，为了简洁起见，这些示例省略了受信任类型的使用。如需查看采用推荐方法的代码，请参阅 eval() 中的使用 TrustedScript。 与 Function 构造函数一同指定参数 以下代码创建了一个接受两个参数的 Function 对象。 js // 此示例可在你的 JavaScript 控制台下运行 // 创建一个接受两个参数的函数，并返回这些参数的和 const adder = new Function("a", "b", "return a + b"); // 调用函数 adder(2, 6); // 8 参数 a 和 b 是在函数体 return a + b 中使用的正式参数名称。 通过函数声明或函数表达式创建函数对象 js // 函数构造器可以接受多个分号分隔的语句。Function 表达式需要带有函数的返回语句 // 观察一下，new Function 被调用了。这样我们就可以在事后直接调用我们创建的函数了 const sumOfArray = new Function( "const sumArray = (arr) => arr.reduce((previousValue, currentValue) => previousValue + currentValue); return sumArray", )(); // 调用函数 sumOfArray([1, 2, 3, 4]); // 10 // 如果你不在创建函数时调用 new Function，你可以使用 Function.call() 方法来调用它 const findLargestNumber = new Function( "function findLargestNumber (arr) { return Math.max(...arr) }; return findLargestNumber", ); // 调用函数 findLargestNumber.call({}).call({}, [2, 4, 1, 8, 5]); // 8 // 函数声明不需要返回语句 const sayHello = new Function( "return function (name) { return `你好，${name}` }", )(); // 调用函数 sayHello("世界"); // 你好，世界 规范 规范 ECMAScript® 2027 Language Specification # sec-function-constructor 浏览器兼容性 启用 JavaScript 以查看此浏览器兼容性表。 参见 eval() 中的使用 Function 构造函数 function function 表达式 函数 帮助改进 MDN 此页面对您有帮助吗？ 是 否 了解如何参与贡献 此页面最后更新于 2026年4月16日，由 MDN 贡献者更新。 在 GitHub 上查看此页面 • 报告此内容的问题 筛选侧边栏 清除筛选输入 JavaScript 标准内置对象 Function 构造函数 Function() 实例方法 Function.prototype.apply() Function.prototype.bind() Function.prototype.call() Function.prototype.toString() Function.prototype[Symbol.hasInstance]() 实例属性 Function.displayName Function：length Function.name Function.prototype.prototype Function.prototype.arguments Function.prototype.caller 继承 Object/Function 静态方法 Function.prototype.apply() Function.prototype.bind() Function.prototype.call() Function.prototype.toString() Function.prototype[Symbol.hasInstance]() 静态属性 Function.displayName Function：length Function.name Function.prototype.prototype Function.prototype.arguments Function.prototype.caller 实例方法 Object.prototype.__defineGetter__() Object.prototype.__defineSetter__() Object.prototype.__lookupGetter__() Object.prototype.__lookupSetter__() Object.prototype.hasOwnProperty() Object.prototype.isPrototypeOf() Object.prototype.propertyIsEnumerable() Object.prototype.toLocaleString() Object.prototype.toString() Object.prototype.valueOf() 实例属性 Object.prototype.__proto__ Object.prototype.constructor MDN 构建更美好互联网的蓝图。 MDN 关于 博客 Mozilla 招聘 与我们合作投放广告 MDN Plus 产品帮助 参与贡献 MDN 社区 社区资源 写作指南 MDN Discord MDN GitHub 主页 开发者 Web 技术 学习 Web 开发 指南 教程 术语表 Hacks 博客 Mozilla 网站隐私声明 遥测设置 法律声明 社区参与准则 本内容的部分版权归 mozilla.org 贡献者所有，©1998–2026。内容依据知识共享许可协议提供。