javascript怎么定义函数

javascript怎么定义函数,第1张

1:调用关键字function来构造

function distance(x1,x2,y1,y2)

 {

 var dx=x2-x1

 var dy=y2-y1

 return Math.sqrt(dx*dx+dy*dy)

 }

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

1

var f=new Function*"x","y","return x*y")

这行代码创建了一个新函数,该函数和你所熟悉的语法定义的函数基本上时等价的:

1

2

3

4

function f(x,y)

{

    return x*y

}

Functino()构造函数可以接受任意多个字符串参数。它的最后一个参数时函数的主体,其中可以包含任何JavaScript语句,语句之间用分号分隔。其他的参数都是用来说明函数要定义的形式参数名的字符串。如果你定义的函数没有参数,那么可以只需给构造函数传递一个字符串(即函数的主体)即可。 

注意,传递给构造函数Function()的参数中没有一个用于说明它要创建的函数名。用Function()构造函数创建的未命名函数有时被成为“匿名函数”。 

你可能非常想知道Function()构造函数的用途是什么。为什么不能只用function语句来定义所有的函数呢?原因是Function()构造函数允许我们动态地建立和编译一个函数,它不会将我们限制在function语句预编译的函数体中。这样做带来的负面影响效应就是每次调用一个函数时,Function()构造函数都要对它进行编译。因此,在循环体中或者在经常使用的函数中,我们不应该频繁地调用这个构造函数。 

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

 3:函数直接量 

函数直接量是一个表达式,它可以定义匿名函数。函数直接量的语法和function语句非常相似,只不过它被用作表达式,而不是用作语句,而且也无需指定函数名。下面的三行代码分别使用function()语句、Funciont()构造函数和函数直接量定义了三个基本上相同的函数:

1

2

3

function f(x){return x*x}

 var f=new Function("x","return x*x")

 var f=function(x){reurn x*x}

在JavaScript1.1中,可以使用构造函数Function()来定义函数,在JavaScript1.2和其后的版本中,还可以使用函数直接量来构造函数。你应该注意这两种方法之间的重要差别。 

 

首先,构造函数Function()允许在运行时动态地创建和编译JavaScript代码。但是函数直接量却是函数结构的一个静态部分,就像function语句一样。 

其次,作为第一个差别的必然结果,每次调用构造函数Function()时都会解析函数体并且创建一个新东汉数对象。如果对构造函数的调用出现在一个循环中,或者出现在一个经常被调用的函数中,这种方法的效率非常低。另一个方面,函数直接量或出现在循环和函数中的嵌套函数不是在每次调用时都被重新编译,而且每当遇到一个函数直接量时也不创建一个新的函数对象。 

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

语法结构:

function

函数名(参数列表){

函数体

return

返回值

}

注意事项:

1、函数名不能以数字开头,要符合js的命名规范

2、参数列表只需指明参数个数,无需指定类型,因为js是弱类型

3、如果有返回值,写return,如果没有,不写return即可

例如:

//例1:定义无参无返回值函数

function myfun(){

alert("这是一个无参无返回值的函数")

}//例2:定义有参无返回值函数

function myfun2(name,age){

alert("姓名:"+name+"\n年龄:"+age)

}//例3:定义有参有返回值函数

function myfun3(one,two){

return one+two

}

1.php有个很方便的用法是在定义函数时可以直接给参数设默认值,如:<br><br>function simue ($a=1,$b=2){<br> return $a+$b<br>}<br>echo simue()//输出3<br>echo simue(10)//输出12<br>echo simue(10,20)//输出30<br><br>但js却不能这么定义,如果写function simue(a=1,b=2){}会提示缺少对象。<br><br>2.js函数中有个储存参数的数组arguments ,所有函数获得的参数会被编译器挨个保存到这个数组中。于是我们的js版支持参数默认值的函数可以通过另外一种变通的方法实现,修改上例:<br><br>function simue (){<br> var a = arguments[0] ? arguments[0] :<br>1<br> var b = arguments[1] ? arguments[1] :<br>2<br> return a+b<br>}<br>alert( simue() )//输出3<br>alert( simue(10) )//输出12<br>alert( simue(10,20) )//输出30


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11261099.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存