JavaScript函数详解与实例：从基础到应用.pdfVIP

JavaScript函数

函数是由驱动的或者当它被调用时执行的可重复使用的代码块。

实例

!DOCTYPEhtmlhtmlheadscriptfunctionmyFunction(){alert(HelloWorld!);}/scri

pt/headbodybuttononclickmyFunction()Tryit/button/body/html

JavaScript函数语法

函数就是包裹在花括号中的代码块，前面使用了function：

functionfunctionname()

{

执行代码

}

当调用该函数时，会执行函数内的代码。

可以在某发生时直接调用函数（比如当用户点击按钮时），并且可由JavaScript在任何位置进行调用。

JavaScript对大小写敏感。function必须是小写的，并且必

须以与函数名称相同的大小写来调用函数。

调用带参数的函数

在调用函数时，您可以向其传递值，这些值被称为参数。

这些参数可以在函数中使用。

您可以发送任意多的参数，由逗号(,)分隔：

myFunction(argument1,argument2)

当您函数时，请把参数作为变量来：

functionmyFunction(var1,var2)

{

代码

}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

实例

p点击这个按钮，来调用带参数的函数。/pbuttononclickmyFunction(HarryPotter,Wizard)点

击这里/buttonscriptfunctionmyFunction(name,job){alert(Welcome+name+,the+jo

b);}/script

上面的函数在按钮被点击时会提示WelcomeHarryPotter,theWizard。

函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息：

实例

buttononclickmyFunction(HarryPotter,Wizard)点击这里/buttonbuttononclickmyFun

ction(Bob,Builder)点击这里/button

根据您点击的不同的按钮，上面的例子会提示WelcomeHarryPotter,theWizard或WelcomeBob,theBuilder。

带有返回值的函数

有时，我们会希望函数将值返回调用它的地方。

通过使用return语句就可以实现。

在使用return语句时，函数会停止执行，并返回指定的值。

语法

functionmyFunction()

{

varx=5;

returnx;

}

上面的函数会返回值5。

注意：整个JavaScript并不会停止执行，仅仅是函数。JavaScript将继续执行代码，从调用函数的地方。

函数调用将被返回值取代：

varmyVar=myFunction();

myVar变量的值是