Javascript面向对象基础三－函数

webcode

浏览: 5930522 次
性别:
来自: 上海

最近访客更多访客>>

ap950

u012363178

wangyy

ybfjavaeye

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (7533)

社区版块

存档分类

2013-02 ( 78)
2013-01 ( 83)
2012-12 ( 121)
更多存档...

函数

javascript 函数相信大家都写过不少了, 所以我们这里只是简单介绍一下.
创建函数:
function f(x) {........}
var f = function(x) {......}
上面这两种形式都可以创建名为f() 的函数, 不过后一种形式可以创建匿名函数
函数定义时可以设置参数, 如果传给函数的参数个数不够, 则从最左边起依次对应, 其余的用undefined 赋值, 如果传给函数的参数多于函数定义参数的个数, 则多出的参数被忽略.

Js 代码

functionmyprint(s1,s2,s3){

alert(s1+"_"+s2+"_"+s3);

}

myprint();//undefined_undefined_undefined

myprint("string1","string2");//string1_string2_undefined

myprint("string1","string2","string3","string4");//string1_string2_string3

function myprint(s1,s2,s3) {

alert(s1+"_"+s2+"_"+s3);

}

myprint(); //undefined_undefined_undefined

myprint("string1","string2"); //string1_string2_undefined

myprint("string1","string2","string3","string4"); //string1_string2_string3

因此, 对于定义好的函数, 我们不能指望调用者将所有的参数全部传进来. 对于那些必须用到的参数应该在函数体中加以检测( 用! 操作符), 或者设置默认值然后同参数进行或(||) 操作来取得参数.

Js 代码

functionmyprint(s1,person){

vardefaultperson={// 默认person 对象

"name":"name1",

"age":18,

"sex":"female"

};

if(!s1){//s1 不允许为空

alert("s1mustbeinput!");

returnfalse;

}

person=person||defaultperson;// 接受person 对象参数

alert(s1+"_"+person.name+":"+person.age+":"+person.sex);

};

myprint();//s1mustbeinput!

myprint("s1");//s1_name1:18:female

myprint("s1",{"name":"sdcyst","age":23,"sex":"male"});//s1_sdcyst:23:male

function myprint(s1,person) {

var defaultperson = { // 默认person 对象

"name":"name1",

"age":18,

"sex":"female"

};

if(!s1) { //s1 不允许为空

alert("s1 must be input!");

return false;

}

person = person || defaultperson; // 接受person 对象参数

alert(s1+"_"+person.name+":"+person.age+":"+person.sex);

};

myprint(); //s1 must be input!

myprint("s1"); //s1_name1:18:female

myprint("s1",{"name":"sdcyst","age":23,"sex":"male"}); //s1_sdcyst:23:male

函数的arguments 属性

在每一个函数体的内部, 都有一个arguments 标识符, 这个标识符代表了一个Arguments 对象.Arguments 对象非常类似于Array( 数组) 对象, 比如都有length 属性, 访问它的值用"[]" 操作符利用索引来访问参数值, 但是, 二者是完全不同的东西, 仅仅是表面上有共同点而已( 比如说修改Arguments 对象的length 属性并不会改变它的长度).

Js 代码

functionmyargs(){

alert(arguments.length);

alert(arguments[0]);

}

myargs();//0---undefined

myargs("1",[1,2]);//2---1

function myargs() {

alert(arguments.length);

alert(arguments[0]);

}

myargs(); //0 --- undefined

myargs("1",[1,2]); //2 --- 1

Arguments 对象有一个callee 属性, 标示了当前Arguments 对象所在的方法. 可以使用它来实现匿名函数的内部递归调用.

Js 代码

function(x){

if(x<=1)return1;

returnx*arguments.callee(x-1);

}

function(x) {

if (x <= 1) return 1;

return x * arguments.callee(x-1);

} (section8.2)

Method-- 方法

方法就是函数. 我们知道, 每一个对象都包含0 个或多个属性, 属性可以是任意类型, 当然也包括对象. 函数本身就是一种对象, 因此我们完全可以把一个函数放到一个对象里面, 此时, 这个函数就成了对象的一个方法. 此后如果要使用该方法, 则可以通过对象名利用"." 操作符来实现.

Js 代码

varobj={f0:function(){alert("f0");}};// 对象包含一个方法

functionf1(){alert("f1");}

obj.f1=f1;// 为对象添加方法

obj.f0();//f0f0 是obj 的方法

obj.f1();//f1f1 是obj 的方法

f1();//f1f1 同时又是一个函数, 可以直接调用

f0();//f0 仅仅是obj 的方法, 只能通过对象来调用

var obj = {f0:function(){alert("f0");}}; // 对象包含一个方法

function f1() {alert("f1");}

obj.f1 = f1; // 为对象添加方法

obj.f0(); //f0 f0 是obj 的方法

obj.f1(); //f1 f1 是obj 的方法

f1(); //f1 f1 同时又是一个函数, 可以直接调用

f0(); //f0 仅仅是obj 的方法, 只能通过对象来调用

方法的调用需要对象的支持, 那么在方法中如何获取对象的属性呢?this!this 关键字我们已经很熟悉了, 在javascript 的方法中, 我们可以用this 来取得对方法调用者( 对象) 的引用, 从而获取方法调用者的各种属性.

Js 代码

varobj={"name":"NAME","sex":"female"};

obj.print=function(){// 为对象添加方法

alert(this.name+"_"+this["sex"]);

};

obj.print();//NAME_female

obj.sex="male";

obj.print();//NAME_male

var obj = {"name":"NAME","sex":"female"};

obj.print = function() { // 为对象添加方法

alert(this.name + "_" + this["sex"]);

};

obj.print(); //NAME_female

obj.sex = "male";

obj.print(); //NAME_male

下面我们来一个更加面向对象的例子.

Js 代码

varperson={

name:"defaultname",

setName:function(s){

this.name=s;

"printName":function(){

alert(this.name);

}

person.printName();//defaultname

person.setName("newName");

person.printName();//newName

var person = {name:"defaultname",

setName:function(s){

this.name = s;

"printName":function(){

alert(this.name);

}}

person.printName(); //defaultname

person.setName("newName");

person.printName(); //newName

在上面的例子中, 完全可以用person.name=.. 来直接改变person 的name 属性, 在此我们只是为了展示一下刚才提到的内容. 另一种改变person 属性的方法就是: 定义一个function, 接收两个参数, 一个是person, 一个是name 的值, 看起来像是这样:changeName(person,"newName"). 哪种方法好呢? 很明显, 例子中的方法更形象, 更直观一些, 而且好像有了那么一点面向对象的影子. 再次强调一下, 方法(Method) 本身就是是函数(function), 只不过方法的使用更受限制. 在后面的篇幅中, 如果提到函数, 那么提到的内容同样适用于方法, 反之则不尽然.