JavaScript入门指南_5

JavaScript_5

函数function:

• 函数相当于java中的方法

function sayHello(name){
	alert("hello,"+name);
}
sayHello("Tom");//hello,Tom
		

•  定义一个带返回值的函数

function sayHello(name){
	return "hello,"+name;
}
var msg=sayHello("Tom");
alert(msg);//hello,Tom

函数中的参数：

• JS中函数不介意传递的参数数量和数据类型
• 也就是说，定义了一个需要传递两个参数的函数你可以传递一个，两个，三个，甚至可以不传递

function sayHello(name,age){
	alert(name+" is "+age+"岁。");
}
sayHello();//undefined is undefined岁。
sayHello("tom");//tom is undefined岁。
sayHello("tom",12);//tom is 12岁。
sayHello("tom",12,"jack")//tom is 12岁。

•  参数在JavaScript内部用一个名为arguments的类似数组的对象来管理

function sayHello(name,age){
	alert(name+" is "+arguments[1]+"岁。");
        alert(arguments.length);//2
}
sayHello("tom",12);//tom is 12岁。

 

function sayHello(name,age){
	for(var temp in arguments){
		alert(temp);//0 1
		alert(arguments[temp]);//tom 12
	}
}
sayHello("tom",12);

 

 函数表达式：

• 函数的创建有两种形式
• 一种是声明式的
• 另一种是函数表达式形式

//函数声明
function add1(num1,num2){
	return num1+num2;
}
//函数表达式声明  记得要在最后加 ·分号·
var add2=function(num1,num2){
	return num1+num2;
};
var sum1=add1(12,2);
var sum2=add2(12,2);
alert(sum1);//14
alert(sum2);//14

•  浏览器会率先读取函数声明，也就是说，你可以在函数声明前调用函数，是不会报错的
•  使用函数表达式声明的函数则不可以

alert(add1(12,2));//14
//函数声明
function add1(num1,num2){
	return num1+num2;
}

•  所有函数类型都拥有length属性，作用跟arguments.length一样

alert(add1.length);//2
//函数声明
function add1(num1,num2){
	return num1+num2;
}

 递归函数：

• 计算阶乘

function factorial(num){
	if(num<=1){
		return 1;
	}else{
		return num*factorial(num-1);
	}
}
alert(factorial(3));//6

 

• 这样做不是最佳实践，遇到下面的情况就会报错了

var z=factorial;

factorial=null;

var result=z(5);//因为factorial已经为null，所以报错

• 最佳实践

var factorial=(function f(num){
	if(num<=1){
		return 1;
	}else{
		return num*f(num-1);
	}
});
var z=factorial;
factorial=null;
alert(z(3));//6

 闭包：

• 定义在一个函数内部的函数

function outer(){
	var num1=12;
	function inner(){
		alert(num1);
	}
	inner();
}
outer();//12
inner();//不会执行  Uncaught ReferenceError: inner is not defined 

 

function outer(){
	var num1=12;
	var inner=function(){
		alert(num1);
	}
	inner();//12
	num1++;
	return inner;//inner()  显示13
}
outer()();//outer()获得inner,outer()()执行inner()

 

 模仿块级作用域：

(function(){
	var address="usa";
	alert(address);//usa
})();
alert(address);//Uncaught ReferenceError: address is not defined

 

 总结：

• 函数的声明方式
• 函数的参数解释
• 递归函数的应用及最佳实践
• 模仿块级作用域，作用是为了避免出现太多的全局变量