函数
函数实际上是对象,每个函数都是Function类型的实例,具有属性和方法,函数名实际上是指向函数对象的指针。
表示方法:
-
函数声明
- function sum(a,b){
return a+b;
}
- function sum(a,b){
-
函数表达式
- var sum = function(a,b){
return a+b;
}
- var sum = function(a,b){
-
解析器在向执行环境中加载数据时,会率先读取函数声明,并使其在执行任何代码之前可用;当执行器执行到函数表达式的代码的时候才会真正的解释执行
函数的参数
- ECMAScript函数的参数与大多数其他语言中的函数的参数有所不同,ECMAScript函数不介意传递参数的个数以及参数类型,这是因为函数的参数在函数内容是使用一个类数组对象来表示的。这个类数组对象就是arguments
函数的调用
-
在JS中,函数没有重载的概念,两个函数的函数名相同即是同样一个函数,但是Java中不是
函数名(实参列表)
作为值的函数
-
由于函数名本身就是变量,所以函数可以当做值来使用(参数,返回值)。
- function callOther(fun,args){
return fun(args);
}
function show(msg){
alert(msg);
}
callOther(show,“哈哈”); //show为参数
- function callOther(fun,args){
作为返回值的函数
- eg:多功能自定义排序函数
function myCompare(pro){
//函数将作为返回值返回
return function(obj1,obj2){
var val1 = obj1[pro];
var val2 = obj2[pro];
if(val1<val2){
return -1;
}else if(val1>val2){
return 1;
}else {
return 0;
}
}
}
var data = [
{
name : “aaa”,
age :12
},{
name:“ccc”,
age : 8
},{
name :“bbb”,
age : 71
}
];
console.log(data);
data.sort(myCompare(“age”));
console.log(data);
函数内部属性
-
arguments :是类数组对象,包含着传入函数中参数,arguments对象还有一个callee的属性,用来指向拥有这个arguments对象的函数
- 例如:
num的阶乘,使用递归函数
function factorial(num){
if(num<=1){
return 1;
}else{
//return num * factorial(num-1);
return num * arguments.callee(num-1);
}
}
- 例如:
-
this: 指向的是函数赖以执行的环境对象
-
window.color = “window”;
var person = {
color:“person”
};function sayColor(){ alert(this.color); } sayColor(); //window对象调用,所以弹出 "window" person.sayColor = sayColor; //将该方法赋给person对象 person.sayColor();//使用person对象调用该方法,弹出"window"
-
函数的属性
-
length: 表示函数希望接受的命名参数的个数
- function say(msg){} //say.length 1 希望接受一个参数
function add(m,n){} //add.length 2 希望接受两个参数
- function say(msg){} //say.length 1 希望接受一个参数
-
prototype: 保存实例方法的真正所在。在自定义引用数据类型以及继承时非常重要。
函数的方法
-
this->该函数所在的环境对象
-
apply : 参数(在其中运行函数的作用域,参数数组(Array,arguments));
- 用法一:
function sum(m,n){
return m+n;
}
function call(m,n){
//return sum.apply(this,arguments);
return sum.call(this,m,n);
}
alert(call(1,2));
- 用法一:
-
call : 参数(在其中运行函数的作用域,参数列表)
-
用法二:
扩充函数赖以运行的作用域
window.color = “window”;
var person = {
color:“person”
};function sayColor(){ alert(this.color); } sayColor.call(this); sayColor.call(window); sayColor.call(person);
-