百科狗-知识改变命运!
--

new Function() - JavaScript Function 对象

乐乐1年前 (2023-11-21)阅读数 19#技术干货
文章标签函数

new Function()

Function构造函数创建一个新的Function对象。直接调用此构造函数可用动态创建函数,但会遭遇来自eval的安全问题和相对较小的性能问题。然而,与 eval 不同的是,Function 构造函数只在全局作用域中运行。

new Function() - JavaScript Function 对象

每个 JavaScript 函数实际上都是一个Function对象。运行(function(){}).constructor === Function便可以得到这个结论。

语法

new Function ([arg1[, arg2[, ...argN]],] functionBody)

参数

arg1, arg2,... argN被函数使用的参数的名称必须是合法命名的。参数名称是一个有效的JavaScript标识符的字符串,或者一个用逗号分隔的有效字符串的列表;例如“×”,“theValue”,或“a,b”。functionBody一个含有包括函数定义的 JavaScript 语句的字符串

描述

使用Function构造器生成的Function对象是在函数创建时解析的。这比你使用函数声明或者函数表达式并在你的代码中调用更为低效,因为使用后者创建的函数是跟其他代码一起解析的。

所有被传递到构造函数中的参数,都将被视为将被创建的函数的参数,并且是相同的标示符名称和传递顺序。

以调用函数的方式调用Function的构造函数(而不是使用new关键字)跟以构造函数来调用是一样的。

属性和方法

全局的Function对象没有自己的属性和方法,但是,因为它本身也是一个函数,所以它也会通过原型链从自己的原型链Function.prototype上继承一些属性和方法。

原型对象

属性

Function.arguments以数组形式获取传入函数的所有参数。此属性已被arguments替代。用于指定的函数的参数的个数,但已被删除。使用length属性代替。Function.caller获取调用函数的具体对象。Function.length获取函数的接收参数个数。Function.name获取函数的名称。Function.displayName获取函数的display name。Function.prototype.constructor声明函数的原型构造方法,详细请参考Object.constructor

方法

Function.prototype.apply()在一个对象的上下文中应用另一个对象的方法;参数能够以数组形式传入。Function.prototype.bind()bind()方法会创建一个新函数,称为绑定函数.当调用这个绑定函数时,绑定函数会以创建它时传入 bind()方法的第一个参数作为 this,传入 bind()方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数.Function.prototype.call()在一个对象的上下文中应用另一个对象的方法;参数能够以列表形式传入。Function.prototype.isGenerator()若函数对象为 generator,返回true,反之返回falseFunction.prototype.toSource()获取函数的实现源码的字符串。覆盖了Object.prototype.toSource方法。Function.prototype.toString()获取函数的实现源码的字符串。覆盖了Object.prototype.toString方法。

实例

Function实例从Function.prototype继承了一些属性和方法。同其他构造函数一样,你可以改变构造函数的原型从而使得所有的Function实例的属性和方法发生改变。

示例

传入参数调用 Function 构造函数

下面的代码会创建一个需要两个参数的Function对象。

// 可以直接在 JavaScript 控制台中运行

// 创建了一个能返回两个参数和的函数
const adder = new Function("a", "b", "return a + b");

// 调用函数
adder(2, 6);
// > 8

参数"a"和"b"是参数的名字,在函数体中被使用,"return a + b"。

Function 构造器与函数声明之间的不同

Functions created with the Function constructor do not create closures to their creation contexts; they always are created in the global scope. When running them, they will only be able to access their own local variables and global ones, not the ones from the scope in which the Function constructor was created. This is different from using eval with code for a function expression.

var x = 10;

function createFunction1() {
    var x = 20;
    return new Function('return x;'); // 这里的 x 指向最上面全局作用域内的 x
}

function createFunction2() {
    var x = 20;
    function f() {
        return x; // 这里的 x 指向上方本地作用域内的 x
    }
    return f;
}

var f1 = createFunction1();
console.log(f1());          // 10
var f2 = createFunction2();
console.log(f2());          // 20

虽然这段代码可以在浏览器中正常运行,但在 Node.js 中,f1()会产生一个ReferenceError,因为找不到变量x。这是因为,在 Node 中,顶级作用域不是全局作用域,而x其实是在模块的作用域之中。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)