JavaScript 函数


函数是由事情驱动的或许当它被调用时履行的可重复运用的代码块。

实例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}

</script>
</head>

<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>


JavaScript 函数语法

函数便是包裹在花括号中的代码块,前面运用了关键词 function:

function functionname()
{
履行代码
}

当调用该函数时,会履行函数内的代码。

能够在某事情发作时直接调用函数(比方当用户点击按钮时),而且可由 JavaScript 在任何方位进行调用。

lamp JavaScript 对巨细写灵敏。关键词 function 有必要是小写的,而且有必要以与函数称号相同的巨细写来调用函数。


调用带参数的函数

在调用函数时,您能够向其传递值,这些值被称为参数。

这些参数能够在函数中运用。

您能够发送恣意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把参数作为变量来声明:

function myFunction(var1,var2)
{
代码
}

变量和参数有必要以共同的次序呈现。第一个变量便是第一个被传递的参数的给定的值,以此类推。

实例

<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

测验一下 »

上面的函数在按钮被点击时会提示 "Welcome Harry Potter, the Wizard"。

函数很灵敏,您能够运用不同的参数来调用该函数,这样就会给出不同的音讯:

实例

<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
<button onclick="myFunction('Bob','Builder')">Try it</button>

测验一下 »

根据您点击的不同的按钮,上面的比如会提示 "Welcome Harry Potter, the Wizard" 或 "Welcome Bob, the Builder"。


带有回来值的函数

有时,咱们会期望函数将值回来调用它的当地。

经过运用 return 句子就能够完成。

在运用 return 句子时,函数会中止履行,并回来指定的值。

语法

function myFunction()
{
var x=5;
return x;
}

上面的函数会回来值 5。

留意: 整个 JavaScript 并不会中止履行,只是是函数。JavaScript 将持续履行代码,从调用函数的当地。

函数调用将被回来值替代:

var myVar=myFunction();

myVar 变量的值是 5,也便是函数 "myFunction()" 所回来的值。

即便不把它保存为变量,您也能够运用回来值:

document.getElementById("demo").innerHTML=myFunction();

"demo" 元素的 innerHTML 将成为 5,也便是函数 "myFunction()" 所回来的值。

您能够使回来值根据传递到函数中的参数:

实例

核算两个数字的乘积,并回来成果:

function myFunction(a,b)
{
return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);

"demo" 元素的 innerHTML 将是:

12

测验一下 »

在您只是期望退出函数时 ,也可运用 return 句子。回来值是可选的:

function myFunction(a,b)
{
if (a>b)
  {
  return;
  }
x=a+b
}

假如 a 大于 b,则上面的代码将退出函数,并不会核算 a 和 b 的总和。


部分 JavaScript 变量

在 JavaScript 函数内部声明的变量(运用 var)是部分变量,所以只能在函数内部拜访它。(该变量的效果域是部分的)。

您能够在不同的函数中运用称号相同的部分变量,由于只需声明过该变量的函数才干识别出该变量。

只需函数运转完毕,本地变量就会被删去。


大局 JavaScript 变量

在函数外声明的变量是大局变量,网页上的一切脚本和函数都能拜访它。


JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时刻开端。

部分变量会在函数运转今后被删去。

大局变量会在页面封闭后被删去。


向未声明的 JavaScript 变量分配值

假如您把值赋给没有声明的变量,该变量将被主动作为大局变量声明。

这条句子:

carname="Volvo";

将声明一个大局变量 carname,即便它在函数内履行。