javascript面向對象技術基礎(三)

函數

javascript函數相信大家都寫過不少了,是以我們這裡隻是簡單介紹一下.

建立函數:

function f(x) {........}

var f = function(x) {......}

上面這兩種形式都可以建立名為f()的函數,不過後一種形式可以建立匿名函數

函數定義時可以設定參數,如果傳給函數的參數個數不夠,則從最左邊起依次對應,其餘的用undefined指派,如果傳給函數

的參數多于函數定義參數的個數,則多出的參數被忽略.

Js代碼

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

是以,對于定義好的函數,我們不能指望調用者将所有的參數全部傳進來.對于那些必須用到的參數應該在函數體中

加以檢測(用!操作符),或者設定預設值然後同參數進行或(||)操作來取得參數.

function myprint(s1,person) {  

var defaultperson = {   //預設person對象

"name":"name1",  

"age":18,  

"sex":"female"

   };  

if(!s1) {    //s1不允許為空

       alert("s1 must be input!");  

returnfalse;  

   }  

   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屬性并不會改變它的長度).

function myargs() {  

   alert(arguments.length);  

   alert(arguments[0]);  

myargs();   //0  ---  undefined

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

Arguments對象有一個callee屬性,标示了目前Arguments對象所在的方法.可以使用它來實作匿名函數的内部遞歸調用.

function(x) {  

if (x <= 1) return 1;  

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

}  (section8.2)  

Method--方法

方法就是函數.我們知道,每一個對象都包含0個或多個屬性,屬性可以是任意類型,當然也包括對象.函數本身就是一種

對象,是以我們完全可以把一個函數放到一個對象裡面,此時,這個函數就成了對象的一個方法.此後如果要使用該方法,

則可以通過對象名利用"."操作符來實作.

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來取得對方法調用者(對象)的引用,進而擷取方法調用者的各種屬性.

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

下面我們來一個更加面向對象的例子.

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),隻不過方法的使用更受限制.在後面的篇幅中,如果提到函數,那麼

提到的内容同樣适用于方法,反之則不盡然.

函數的prototype屬性

每一個函數都包含了一個prototype(原型)屬性,這個屬性構成了javascript面向對象的核心基礎.在後面我們會詳細讨論.