javascript物件導向技術基礎(三)

函數
javascript函數相信大家都寫過不少了,所以我們這裡只是簡單介紹一下.
建立函數:
function f(x) {........}
var f = function(x) {......}
上面這兩種形式都可以建立名為f()的函數,不過後一種形式可以建立匿名函數
函數定義時可以設定參數,如果傳給函數的參數個數不夠,則從最左邊起依次對應,其餘的用undefined賦值,如果傳給函數
的參數多於函數定義參數的個數,則多出的參數被忽略.

 

Js代碼

1. function myprint(s1,s2,s3) {   
2.     alert(s1+"_"+s2+"_"+s3);   
3. }   
4. myprint();      //undefined_undefined_undefined   
5. myprint("string1","string2"); //string1_string2_undefined   
6. myprint("string1","string2","string3","string4"); //string1_string2_string3  

function myprint(s1,s2,s3) {    alert(s1+"_"+s2+"_"+s3);}myprint();      //undefined_undefined_undefinedmyprint("string1","string2"); //string1_string2_undefinedmyprint("string1","string2","string3","string4"); //string1_string2_string3

 

因此,對於定義好的函數,我們不能指望調用者將所有的參數全部傳進來.對於那些必須用到的參數應該在函數體中
加以檢測(用!操作符),或者設定預設值然後同參數進行或(||)操作來取得參數.

 

Js代碼

1. function myprint(s1,person) {   
2.     var defaultperson = {   //預設person對象   
3.         "name":"name1",   
4.     "age":18,   
5.     "sex":"female"  
6.     };   
7.     if(!s1) {    //s1不允許為空白   
8.         alert("s1 must be input!");   
9.     return false;   
10.     }   
11.     person = person || defaultperson;  //接受person對象參數   
12.     alert(s1+"_"+person.name+":"+person.age+":"+person.sex);   
13. };   
14.   
15. myprint(); //s1 must be input!   
16. myprint("s1"); //s1_name1:18:female   
17. 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:femalemyprint("s1",{"name":"sdcyst","age":23,"sex":"male"});  //s1_sdcyst:23:male

 

函數的arguments屬性
在每一個函數體的內部,都有一個arguments標識符,這個標識符代表了一個Arguments對象.Arguments對象非常類似
於Array(數組)對象,比如都有length屬性,訪問它的值用"[]"操作符利用索引來訪問參數值,但是,二者是完全不同的
東西,僅僅是表面上有共同點而已(比如說修改Arguments對象的length屬性並不會改變它的長度).

 

Js代碼

1. function myargs() {   
2.     alert(arguments.length);   
3.     alert(arguments[0]);   
4. }   
5. myargs();   //0  ---  undefined   
6. myargs("1",[1,2]);  //2 --- 1  

function myargs() {    alert(arguments.length);    alert(arguments[0]);}myargs();   //0  ---  undefinedmyargs("1",[1,2]);  //2 --- 1

 Arguments對象有一個callee屬性,標示了當前Arguments對象所在的方法.可以使用它來實現匿名函數的內部遞迴調用.

Js代碼

1. function(x) {   
2.     if (x <= 1) return 1;   
3.     return x * arguments.callee(x-1);   
4. }  (section8.2)  

function(x) {    if (x <= 1) return 1;    return x * arguments.callee(x-1);}  (section8.2)

 ------------------------------------------------------------------

Method--方法
方法就是函數.我們知道,每一個對象都包含0個或多個屬性,屬性可以是任意類型,當然也包括對象.函數本身就是一種
對象,因此我們完全可以把一個函數放到一個對象裡面,此時,這個函數就成了對象的一個方法.此後如果要使用該方法,
則可以通過對象名利用"."操作符來實現.

Js代碼

1. var obj = {f0:function(){alert("f0");}}; //對象包含一個方法   
2. function f1() {alert("f1");}   
3. obj.f1 = f1;    //為對象添加方法   
4.   
5. obj.f0(); //f0  f0是obj的方法   
6. obj.f1(); //f1  f1是obj的方法   
7. f1();     //f1  f1同時又是一個函數,可以直接調用   
8. 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代碼

1. var obj = {"name":"NAME","sex":"female"};   
2. obj.print = function() {  //為對象添加方法   
3.     alert(this.name + "_" + this["sex"]);   
4. };   
5. obj.print();  //NAME_female   
6. obj.sex = "male";   
7. obj.print();  //NAME_male  

var obj = {"name":"NAME","sex":"female"};obj.print = function() {  //為對象添加方法    alert(this.name + "_" + this["sex"]);};obj.print();  //NAME_femaleobj.sex = "male";obj.print();  //NAME_male

 

下面我們來一個更加物件導向的例子.

Js代碼

1. var person = {name:"defaultname",   
2.               setName:function(s){   
3.               this.name = s;   
4.           },   
5.           "printName":function(){   
6.               alert(this.name);   
7.           }}   
8. person.printName();       //defaultname   
9. person.setName("newName");   
10. person.printName();       //newName  

var person = {name:"defaultname",              setName:function(s){          this.name = s;      },      "printName":function(){          alert(this.name);      }}person.printName();       //defaultnameperson.setName("newName");person.printName();       //newName

 

在上面的例子中,完全可以用person.name=..來直接改變person的name屬性,在此我們只是為了展示一下剛才提到的內容.
另一種改變person屬性的方法就是:定義一個function,接收兩個參數,一個是person,一個是name的值,看起來像是這樣:
changeName(person,"newName").哪種方法好呢?很明顯,例子中的方法更形象,更直觀一些,而且好像有了那麼一點面向
對象的影子.

再次強調一下,方法(Method)本身就是是函數(function),只不過方法的使用更受限制.在後面的篇幅中,如果提到函數,那麼
提到的內容同樣適用於方法,反之則不盡然.

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