js函数定义方式的区别

布满荆棘的人生 2024-04-01 17:52 71阅读 0赞

1：调用关键字function来构造

functiondistance(x1,x2,y1,y2)

\{

vardx=x2-x1;

vardy=y2-y1;

returnmath.sqrt(dx\*dx+dy\*dy);

\}

2：使用Function()构造函数（请注意与上面的大小写）

varf=newFunction\*"x","y","returnx\*y");这行代码创建了一个新函数，该函数和你所熟悉的语法定义的函数基本上时等价的:

functionf(x,y)

\{

returnx\*y;

\}Functino()构造函数可以接受任意多个字符串参数。

它的最后一个参数时函数的主体，其中可以包含任何Javascript语句，语句之间用分号分隔。

其他的参数都是用来说明函数要定义的形式参数名的字符串。

如果你定义的函数没有参数，那么可以只需给构造函数传递一个字符串（即函数的主体）即可。

注意，传递给构造函数Function()的参数中没有一个用于说明它要创建的函数名。

用Function()构造函数创建的未命名函数有时被成为“匿名函数”。

你可能非常想知道Function()构造函数的用途是什么。

为什么不能只用function语句来定义所有的函数呢？原因是Function()构造函数允许我们动态地建立和编译一个函数，它不会将我们限制在function语句预编译的函数体中。

这样做带来的负面影响效应就是每次调用一个函数时，Function()构造函数都要对它进行编译。

因此，在循环体中或者在经常使用的函数中，我们不应该频繁地调用这个构造函数。

使用Function()构造函数的另一个原因是它能够将函数定义为Javascript表达式的一部分，而不是将其定义一个语句，这种情况下使用它就显得比较的方面，甚至可以说精致。

3：函数直接量

函数直接量是一个表达式，它可以定义匿名函数。

函数直接量的语法和function语句非常相似，只不过它被用作表达式，而不是用作语句，而且也无需指定函数名。

下面的三行代码分别使用function()语句、Funciont()构造函数和函数直接量定义了三个基本上相同的函数：

functionf(x)\{returnx\*x\};

varf=newFunction("x","returnx\*x;");

varf=function(x)\{reurnx\*x\};

在Javascript1.1中，可以使用构造函数Function()来定义函数，在Javascript1.2和其后的版本中，还可以使用函数直接量来构造函数。

你应该注意这两种方法之间的重要差别。

首先，构造函数Function()允许在运行时动态地创建和编译Javascript代码。

但是函数直接量却是函数结构的一个静态部分，就像function语句一样。

其次，作为第一个差别的必然结果，每次调用构造函数Function()时都会解析函数体并且创建一个新东汉数对象。

如果对构造函数的调用出现在一个循环中，或者出现在一个经常被调用的函数中，这种方法的效率非常低。

另一个方面，函数直接量或出现在循环和函数中的嵌套函数不是在每次调用时都被重新编译，而且每当遇到一个函数直接量时也不创建一个新的函数对象。

Function()构造函数和函数之间量之间的第三点差别是，使用构造函数Function()创建的函数不使用词法作用域，相反的，它们总是被当作顶级函数来编译，就像下面代码所说明的那样。

原文地址：[https://www.weidianyuedu.com/content/3020767059329.html][https_www.weidianyuedu.com_content_3020767059329.html]

[https_www.weidianyuedu.com_content_3020767059329.html]: https://www.weidianyuedu.com/content/3020767059329.html

发表评论取消回复

表情：

评论列表（有 0 条评论，71人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中三种定义变量的方式 var， let，const的区别

目录 1.var定义的变量可以修改，如果不初始化会输出undefined，不会报错 2.let是块级作用域，函数内部使用let定义后，对函数外部无影响 3..const定

末蓝、/ 2024年04月08日 12:47/ 0 赞/ 87 阅读

相关 js函数定义方式的区别

1：调用关键字function来构造　functiondistance(x1,x2,y1,y2) 　　\{ 　　　　vardx=x2-x1; 　　　　vardy=y2

布满荆棘的人生/ 2024年04月01日 17:52/ 0 赞/ 72 阅读

相关 js的函数几种定义

1、function 名字（命名函数） function fn() { ... } 2、函数表达式（匿名函数） var

桃扇骨/ 2023年07月15日 02:51/ 0 赞/ 12 阅读

相关 JavaScript中函数的定义方式

1、命名函数 function 函数名称(参数列表)\{ 语句 \} 2、匿名函数 function(参数）\{ 语句 \} ; 如： v

深碍√TFBOYSˉ_/ 2022年08月22日 15:29/ 0 赞/ 201 阅读

相关 js 函数定义的三种方式以及匿名的自执行函数定义方式和常见的错误写法

函数的定义，大致可分为三种方式：第一种：这也是最常规的一种 function double(x){ return2 x;

傷城~/ 2022年08月07日 13:55/ 0 赞/ 181 阅读

相关 js中的函数定义

avaScript 函数语法函数就是包裹在花括号中的代码块，前面使用了关键词 function： function functionname() {

拼搏现实的明天。/ 2022年08月06日 17:19/ 0 赞/ 11 阅读

相关 js自定义函数

js也能想Java那样使用对象的概念。通过new创建对象，然后使用对象.方法名称,或者对象.属性名的方式使用属性或方法。 js定义对象： // js自定

一时失言乱红尘/ 2022年07月12日 03:46/ 0 赞/ 211 阅读

相关 js_深入函数_函数的定义

function f1(){ alert("f1"); } f2=f1; f1=function(){ alert("new

比眉伴天荒/ 2022年05月19日 06:26/ 0 赞/ 206 阅读

相关 js 类引用方式的区别

方式1: function A(B){ this.parter = B; } function B(){ }

不念不忘少年蓝@/ 2022年01月14日 01:47/ 0 赞/ 169 阅读

相关 js中创建函数的三种方式及区别

1.函数声明 function sum1(n1,n2){ return n1+n2; }; 2.函数表达式，又叫函数字

偏执的太偏执、/ 2021年12月22日 07:39/ 0 赞/ 295 阅读