JavaScript之Function类的定义

5/6
apply()和 call()最强大的地方是能够扩充函数赖以运行的作用域
1 window.color="red"; 2 var o ={color:"blue"}; 3 function sayColor(){ 4 5} 6 sayColor(); 7 sayColor.call(this); 8 sayColor.call(window); 9 sayColor.call(o); //red //red //red //blue alert(this.color);
二、函数重载 JavaScript 没有方法重载的说法，如果两个方法名字一样，即使参数个数不一样，那么后面定义的就会覆盖前面定义， 调用方法时永远是调用后定义的那个。 用如下的代码证明 JavaScript 不支持函数的重载：
1 <script type="text/javascript"> 2 3 4 5 6 7 8 9 10 11 12 13 Test(20);//调用的是最后定义的那个 Test 方法 Test(30,50);//调用的是最后定义的那个 Test 方法 } } function Test(a,b){ alert(a+" "+b); } function Test(a,b){ alert("HelloWorld!"); function Test(a){ alert(a);
14 </script>
把函数名想像成指针，这例子中声明了三个同名函数，最后声明的一个就会覆盖了前面函数，用下面的写法或许更好理
2/6
解：
1 /*声明一个变量 Test，Test 变量中存放了指向函数对象的指针(引用)*/ 2 3 4 5 6 7 8 9 10 11 12 13 } } /*将变量 Test 指向了另一个函数对象*/ Test = function (a,b){ alert(a+" "+b); /*将变量 Test 指向了另一个函数对象*/ Test = function (a,b){ alert("HelloWorld!"); } var Test =function (a){ alert(a);
在函数内部，有两个特殊的对象：arguments 和 this,arguments 是一个数组对象，包含传入的所有参数，arguments 的主要作用是保存函数参数，但这个对象还有个叫 callee 的属性，该属性是一个指向拥有这个 arguments 对象的函数。
1 //非常经典的递归函数 2 function factoriak(num){ 3 4 5 6 7 8} 9 //上述代码与函数名耦合性太高，一换函数名就不行了，就可以采用以下方法 10 function factoriak(num){ 11 12 13 14 15 } 16 } if(num<=1){ return 1; }else{ return num * arguments.callee(num-1);//这样无论用什么名字都能完成递归调用 } if(num<=1){ return 1; }else{ return num * facaorial(num-1);//与函数名 factoriak 耦合性太高了
call()方法接第一个参数是函数运行的作用域，其余的参数就是传递给函数运行时需要的参数(一个或多个)。
function sum(num1,num2){ return num1+num2; } function callSum(num1,num2){ return sum.call(this,num1,num2); } alert(callSum(10,10));
1 <script type="text/javascript"> 2 3 4 5 6 7 8 9 10 11 12 13 14 }; var sum3=new Function("num1","num2","return num1+num2"); //测试 document.write("<pre>"); document.writeln("sum1(1,2)="+sum1(1,2)); document.writeln("sum2(1,2)="+sum2(1,2)); document.writeln("sum3(1,2)="+sum3(1,2)); document.write("</pre>"); } var sum2=function(num1,num2){ return num1+num2; function sum1(num1,num2){ return num1+num2
本文作者：xdp-gacl
6/6
3/6
18 19 20 21 22 23 24 25 26 27 28 29 30 } }
return result; /*创建 Person 类*/ function Person(name,age,fn){ =name; this.Age=age; this.Fn=fn;//使用传递进来的 fn 函数为函数属性 Fn 初始化 /*在使用构造函数给一个对象初始化属性时，也可以指定函数属性*/ var p1 = new Person("孤傲苍狼",24,fn); var retVal=p1.Fn(1,2,"+"); alert(retVal); </script>
1 function sum(num1,num2){ 2 3} 4 function callSum(num1,num2){ 5 6} 7 function callSum2(num1,num2){ 8 9} 10 alert(callSum(10,10)); //20 11 alert(callSum2(10,10)); //20 return sum.apply(this,[num1,num2]); //传入数组 return sum.apply(this,arguments); //传入 aguments 对象 return num1+num2;
this 指的是函数执行时所处的作用域 每个函数都包含：length 和 prototype。length 属性表示函数希望接收的参数个数。
1
function sayName(name){
4/6
2 3 4 5 6 7 8 9 10 11 12 } } }
alert(name); function sum(num1,num2){ return num1+num2; function sayHi(){ alert("hi"); alert("sayName 函数接收的参数个数是："+sayName.length);//1 alert("sum 函数接收的参数个数是："+sum.length); //2 alert("sayHi 函数接收的参数个数是："+sayHi.length);//0
JavaScript 之 Function 类
在 JavaScript 中，函数其实是对象，每个函数都是 Function 类的实例，既然函数对象，那么就具有自己的属性和方法， 因此，函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。 一、函数的声明 方式一：常规方式 1 function sum1(num1,num2){ 2 3} 方式二：函数表达式 1 var sum2=function(num1,num2){ 2 3 }; 方式三：动态创建函数(这种方式用得不多) 1 var sum3=new Function("num1","num2","return num1+num2");//动态创建函数 测试： return num1+num2; return num1+num2
每个函数都包含两个非继承而来的方法：apply()和 call();这两个方法的用途都是在特定的作用域中调用函数，实际上等 于设置函数体内 this 对象的值 apply()方法接收两个参数： 一个是在其中运行函数的作用域， 另一个是参数数组。 其中第二个参数可以是 Array 的实例， 也可以是 arguments 对象。
15 </script>
测试结果：
1/6
这里顺便提一下方式一和方式二这两种函数声明方式的区别，对于采用方式一声明的函数，解析器会率先读取函数声明， 并使其置于ቤተ መጻሕፍቲ ባይዱ何代码之前；而对于函数表达式，则必须等到解析器执行到它所在的代码行，才别执行。 可以用如下的代码证明：
1 2 3 4 5 6 7 8
alert("sum1(1,2)="+sum1(1,2));//可以正常运行 function sum1(num1,num2){ return num1+num2 } alert("sum2(1,2)="+sum2(1,2));//错误：缺少对象 var sum2=function(num1,num2){ return num1+num2; };
三、JavaScript 函数的特殊性 JavaScript 中的函数名本身就是变量，所以函数也可以当作普通变量来使用。也就是说，不仅可以像传递参数一样把一 个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。 例如：在使用构造函数给一个对象初始化属性时，指定函数属性
1 <script type="text/javascript"> 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 } function fn(num1,num2,oper){ var result=-1; switch(oper){ case "+": result=num1+num2; break; case "-": result=num1-num2; break; case "*": result=num1*num2; break; case "/": result=num1/num2; break;