函数
- 函数是一个可重用的代码块,用来完成某个特定功能。每当需要反复执行一段代码时,可以利用函数来避免重复书写相同代码。
- 函数包含着的代码只能在函数被调用时才会执行,就可以避免页面载入时执行该脚本
- 在JavaScript中,可以使用以下三种方法来定义一个函数
- 使用function语句定义函数
- 使用Function()构造函数来定义函数
- 在表达式中定义函数
Function构造函数定义函数
var 函数名 = new Function(“参数1”,”参数2”,”参数3”……”函数体”);
注意:
- 在使用Function()构造函数的时候,第一个字母要大写
- Function()构造函数只能在JavaScript 1.1或更高版本中使用
- 每次调用构造函数时都会解析函数体,并且创建一个新的函数对象,效率非常底
function语句定义函数
function 函数名 (参数1,参数2……[形参]){
<语句块>
return 返回值
}
function关键字:用于定义一个函数 函数名:函数名通常是一个合法的标识符,是唯一的,区分大小写的 参数:在函数里,可以有0个或者多个参数。如果有多个参数,参数与参数之间要用逗号隔开。无论函数是否有参数,小括号必需要有 函数体:用大括号括起来的代码块,即函数的主体 返回值:函数返回的值由关键字return完成,可选项
在表达式中直接定义函数
var 函数名 = function (参数1,参数2,…){函数体};
注意:
在表达式中定义函数的方法只能在JS1.2版本或以上版本中使用 函数名() 函数名/变量名
var rightKey=function(){
if(event.button==2){
alert("禁止使用鼠标右键");
}
}
window.onmousedown = rightKey;
调用函数
1.直接调用
myFunction();或window.myFunction()
2.事件处理中调用
<div onclick="myFunction()"></div>
3.将函数的返回值赋给变量
var t = myFunction();
函数的参数
形參:定义函数时,函数名后面()中的参数;JavaScript中的函数允许给行参赋初始值
实参:调用函数时,传递的参数
参数的匹配:
默认情况下,形參和实参是一一对应的
但是当传递的参数个数与函数定义好的参数个数可以不匹配当不匹配时
- 如果传递的参数个数小于函数定义的参数个数,JavaScript会自动将多余的参数值设为undefined;
- 如果传递的参数个数大于函数定义的参数个数,那么多余传递的参数将会被忽略掉。
获取所有实参【arguments】
function Test(a,b){
alert(typeof(arguments)); // 获得类型
alert(arguments[1]); // 获取下标为1的参数值
alert(arguments.length); // 获取参数的长度
alert(arguments.callee); // 获取函数的所有内容
}
Test("zhang","li");
函数的返回值
- return语句并不是必须的
- 默认情况下,函数的返回值为undefined
- 在使用 return 语句时,函数会停止执行,并返回指定的值。
什么情况下添加return:
如果函数中的变量要在函数外进行调用
函数体的结果需要在函数外进行使用
变量的作用域
全局变量:
在函数外声明的的变量为全局,在整个JS文档中生效 局部变量:
在函数内用var声明的变量为局部变量,只能在函数内部使用。
全局变局部
全局变量可以在局部的任意位置使用
局部变全局
局部变量不能在全局使用,如果想要在全局使用,可以去除前边的var或者将该值使用return返回到全局
变量的生命周期
JavaScript 变量的生命期从它们被声明的时间开始。 局部变量会在函数运行以后被删除。 全局变量会在页面关闭后被删除。
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
var lis = document.getElementsByTagName("li");
for(var i=0; i<lis.length;i++){
lis[i].onclick = function(){
alert(i);
}
}
案例:
// 案例一
function test(){
uname = "香水有毒";
}
console.log(uname);
// 案例二
function test(){
uname = "香水有毒";
}
test();
console.log(uname);
// 案例三
uname = "香水有毒";
function test(){
console.log(uname);
}
test();
// 案例四
var uname = "香水有毒";
function test(){
console.log(uname);
}
function test2(){
uname = "老鼠爱大米";
test();
}
test2();
// 案例五
var uname = "香水有毒";
function test(){
console.log(uname);
}
function test2(){
uname = "老鼠爱大米";
return test;
}
res=test2();
res();
闭包
闭包:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量
能够访问另一个函数作用域的变量的函数。 能够实现跨域调用变量。 它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。
function outer() {
var a = '变量1'
var inner = function () {
console.info(a)
}
return inner // inner 就是一个闭包函数,因为他能够访问到outer函数的作用域
}
递归函数
递归函数:如果一个函数在内部调用自身本身,这个函数就是递归函数。
好处:递归函数最大的好处在于可以精简程序中繁杂,重复调用程序
递归只是一种思想,只不过在程序,依靠函数自身嵌套来实现
案例:求1 * 1+2 * 2+3 * 3+4 * 4....的和
function sum(n){
if(n==0){
return 0;
}else{
return n*n + sum(n-1);
}
}
console.log(sum(5));
案例:小熊掰玉米,给定的是总的米数,但是获取10米需要依赖于9米,求9米,需要依赖8米...以此类推,所以想要获取10米的需要知道没走的时候,0米的时候手里有几个玉米
function getTotle(length){
total = 0;
if(length == 0){
total = 1;
}else{
total = 2*(getTotle(length-1)+1);
}
return total;
}
console.log(getTotle(10));
递归的特点:
函数内部调用函数本身
有进有出
必须有出口
每次调用函数都会用掉一点内存,在足够多次数的函数调用发生后(在之前的调用返回后),空间就不够了,程序会以一个“超过最大递归深度”的错误信息结束。