标签：javascript
函数
什么是函数?函数是由事件驱动的或者当他被调用时执行的可重复使用代码块.估计没明白,个人认为函数就是能完成一个功能的代码块.
看个案例:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
</body>
</html>
等等,前面说的用function关键字声明一个函数你总该知道吧?别搞笑啦,你肯定知道.
JS函数语法
函数就是包裹在花括号中的代码块,前面使用了关键字function:
function functionName()
{
这里是要执行的代码
}
当调用函数时,会发生什么呢?你应该知道怎么调用吧!
可以在某事件发生时直接调用函数(比如用户点击按钮时),并且可由JS在任何位置进行调用.
提示:JS对大小写敏感吗?所以function关键字怎么样写?
调用带参数的函数
在调用函数时,您可以想起传递值,这些值成为参数.
这些参数可以在函数中使用.
你可以发送人一多的参数,由逗号(,)分隔:
function method(argument1,argument2,...argumentn)
{}
当你声明函数时,请把参数作为变量来声明:
function myFunction(var1,var2)
{
要执行的代码
}
变量和参数必须以抑制的顺序呢出现.第一个变量就是第一个被传递的参数的给定值,以此类推.
实例:
<script>
function method(name,age)
{
alert("name: "+name+", age: "+age);
}
method("syx",22);
</script>
其实这样单纯的调用没啥意义,对吧.主要是要有一种牛X的效果,可以通过一个事件来触发一个函数.就像这样:
<script>
function method(name,age)
{
alert("name: "+name+", age: "+age);
}
</script>
</head>
<body>
<button onclick="method(‘syx‘,22)">单击我试试</button>
</body>
带有返回值的函数
有时,我们会希望函数将值返回调用它的地方
通过使用return语句便可以实现
在使用return语句时,函数会停止执行,并返回指定的值.
语法
function Method()
{
var x=5;
return x;
}
上面的函数会返回5.
注释:整个JS并不会停止执行,仅仅是函数.JS将继续执行代码,从调用函数的地方.
函数调用将被返回值取代:
var value=Method();
value变量的值是5,也就是函数Method()所返回的值.
即使不把它保存为变量,您也可以使用返回值.
document.getElementById(“demo”).innerHTML=Method();
“demo”元素的innerHTML将成为5,也就是函数”Method()”所返回的值.
你可以使返回值基于传递到函数中的参数:
<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
在你仅仅希望退出函数时,也可使用return语句.返回值是可选的:
function myFunction(a,b)
{
if(a>b)
{
return ;
}
x=a+b
}
如果a>b,则上面的代码就退出,并不会计算a+b的值.
局部JS变量
在Js函数内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它.(该变量的作用域是局部的).
你可以在不同的函数中实名名称相同的局部变量,因为只有声明过变量的函数才能识别出该变量.
只要函数运行完毕,本地变量就会被删除.
全局JS变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它.
JS变量的生存期
JS变量的生命期从它们被声明的时间开始.
局部变量会在函数运行以后被删除.
全局变量会在页面关闭后被删除.
向未声明的JS变量来分配值
如果您把值赋给尚未声明的变量,该变量将会被自动作为全局变量声明.案例:
value=”hello,world”;
将生命一个全局变量value.及时他在函数内执行.
版权声明：本文为博主原创文章，未经博主允许不得转载。
标签：javascript
原文地址：http://blog.csdn.net/shanyongxu/article/details/47449347
