javascript——对象的基本概念（二）

时间：2014-09-27 22:47:40 阅读：214 评论：0 收藏：0 [点我收藏+]

标签：style ar java sp c r ef javascript bs

一、创建函数

函数是一种对象：Function类是对象，可以通过 Function 实例化一个函数，不过最多的还是利用 function 来创建函数。

方式一：利用 Function类来实例化函数：

bubuko.com,布布扣

1 var people=new Function("name","sex","if (sex==‘男‘)  return  name+‘先生： 您好！‘;  else   return name+‘女士： 您好！‘;");
2 people(‘小强‘,‘男‘)    //"小强先生： 您好！"

Function类实例化函数

语法格式：var function_name = new function(arg1, arg2, ..., argN, function_body)

参数中前 n 个为函数的形参，最后一个为函数的函数体(执行部分)；

方式二：利用 function 来创建函数，语法如下：

var a= function (参数1，参数2……){}

或 function a(参数1，参数2……){}

例：

bubuko.com,布布扣

1     function people(name,sex)
2         {
3             if (sex==‘男‘)
4                   return name+‘先生： 您好！‘;
5             else
6                 return name+‘女士： 您好！‘;
7         }

创建方法

注意以下问题：

当设定参数而忘记调用参数时，javascript引擎将自动传递一个 undefined 的参数；
当传递的参数超出设定参数个数时，多余的部分将自动忽略；
javascript通过一个 arguments 对象自动管理函数接受的参数，该对象类似于一个数组。

由以上两种方式可以看出，创建的函数最终是一样的，务必记住一点函数是一种对象，其是引用类型。

二、javascript中的变量

javascript中的变量分为局部变量和全局变量。

1、局部变量：在函数内部以 var 声明的变量，只能在函数内访问，函数运行完毕会删除局部变量；

2、全局变量：

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
在函数内部未使用var 声明的变量也是全局变量，如 carname="Volvo";但是这种全局变量只有在执行所在函数后才能在全局范围内访问。

三、函数相关的属性：

1、arguments:访问函数的输入参数，由脚本解释器自动创建，具有length属性，类似于数组，可以用数组的方法访问每个参数。

例1：

bubuko.com,布布扣

 1     function people(name,sex)
 2         {
 3             
 4             if (sex==‘男‘)
 5                   return name+‘先生： 您好！一共有 ‘+arguments.length+‘ 个参数‘;
 6             else
 7                 return name+‘女士： 您好！一共有 ‘+arguments.length+‘ 个参数‘;
 8         };
 9     people(‘小强‘,‘男‘);    //"小强先生： 您好！一共有 2 个参数"
10     people(‘小丽‘,‘女‘);    //"小丽女士： 您好！一共有 2 个参数"

arguments使用例子 1

例2：

bubuko.com,布布扣

 1     function people(name,sex)
 2         {
 3             
 4             if (sex==‘男‘)
 5                   return arguments[0]+‘先生： 您好！一共有 ‘+arguments.length+‘ 个参数‘;
 6             else
 7                 return arguments[0]+‘女士： 您好！一共有 ‘+arguments.length+‘ 个参数‘;
 8         };
 9     people(‘小强‘,‘男‘);    //"小强先生： 您好！一共有 2 个参数"
10     people(‘小丽‘,‘女‘);    //"小丽女士： 您好！一共有 2 个参数"

arguments使用例子 2

例3:

bubuko.com,布布扣

结果如图：

bubuko.com,布布扣

 1         function sum(v1,v2) 
 2         { 
 3             document.writeln(‘////////////////////////////////////////////////////////////////////////‘);
 4             document.writeln(‘<br>调用参数：<br>‘); 
 5             document.writeln(‘参数有 ‘+arguments.length+‘ 个：<br/>‘);
 6             var s=0;
 7             for(var i=0;i<arguments.length;i++) 
 8             { 
 9                 document.writeln(‘参数 ‘+i+‘:‘+arguments[i]+‘<br/>‘);
10             } 
11             for(var i=0;i<arguments.length;i++) 
12             { 
13                 s=s+arguments[i]; 
14             } 
15             document.writeln(‘参数的和为： ‘+s +‘<br/>‘);
16             document.writeln(‘////////////////////////////////////////////////////////////////////////‘);
17         };

arguments使用例子 3

由例子可以看出 arguments 对象操作的只是实参，而不是形参，因此我们实际上也可以不必设置形参，当然为规范性还是指定的好。

2、callee:arguments的属性，表正在执行的函数对象。

例如：

bubuko.com,布布扣

1     function sum(n)
2     {
3             if(n<=0)
4                    return 0;
5              else 
6                    return n+arguments.callee(n-1);
7     }
8     sum(2);    //3
9     sum(100);    //5050

arguments.callee使用例子

3、calleer:函数对象的属性，表函数对象的父函数对象。function foo1(v1)

例：

bubuko.com,布布扣

结果：

bubuko.com,布布扣

 1       function foo1(v1) 
 2       {foo2(v1,v1*2);} 
 3       function foo2(v1,v2) 
 4       {foo3(v1,v2,v2*2);} 
 5       function foo3(v1,v2,v3) 
 6       { 
 7       　　var foo=arguments.callee; 
 8       　　while(foo&&(foo!=window)) 
 9       　　{ 
10       　　　　document.writeln(‘<br>调用参数：<br>‘); 
11       　　　　var args=foo.arguments; 
12       　　　　argn=args.length; 
13               document.write(‘参数有 ‘+argn+‘ 个：\n‘);
14       　　　　for(var i=0;i<argn;i++) 
15       　　　　{ 
16       　　　　　　document.writeln(‘args[‘+i+‘]:‘+args[i]+‘<br>‘); 
17       　　　　} 
18       　　　　foo=foo.caller; 
19       　　} 
20       };
21       document.writeln(‘////////////////////////////////////////////////////////////////////////‘);

arguments.caller应用实例

4、apply 和 call 方法：将函数绑定到其他对象上执行。

apply：参数将以数组的形式传入；

call：参数以逗号隔开，作为一个列表传入。

bubuko.com,布布扣

 1     function classA()
 2     {
 3          this.name=‘classA‘;
 4          this.methodA=function(msg){return this.name+‘:‘+msg};
 5     }
 6     function classB()
 7     {
 8          this.name=‘classB‘;
 9          this.methodB=function(msg){return this.name+‘:‘+msg};
10     }
11     var objA=new classA();
12     var objB=new classB();
13     objA.methodA(‘调用methodA‘);           //"classA:调用methodA"
14     objA.methodA.apply(objB,[‘调用methodA‘]);                    //"classB:调用methodA"
15     objB.methodB.call(objA,[‘调用methodB‘]);                     //"classA:调用methodB"