javascript面向對象技術基礎(三)
本文轉載于javaeye(http://www.javaeye.com/wiki/Object_Oriented_JavaScript/1279-javascript-object-oriented-technology-one),只進行了重新排版以便收藏。
文中所有英文語句(程序語句除外),都引自<<javascript-the definitive guide,5th edition>>。
------------------------------------------------------------------------------------
函數
javascript函數相信大家都寫過不少了,所以我們這里只是簡單介紹一下。
創建函數:
function f(x) {........}
var f = function(x) {......}
上面這兩種形式都可以創建名為f()的函數,不過后一種形式可以創建匿名函數。函數定義時可以設置參數,如果傳給函數的參數個數不夠,則從最左邊起依次對應,其余的用undefined賦值,如果傳給函數的參數多于函數定義參數的個數,則多出的參數被忽略。
因此,對于定義好的函數,我們不能指望調用者將所有的參數全部傳進來。對于那些必須用到的參數應該在函數體中加以檢測(用!操作符),或者設置默認值然后同參數進行或(||)操作來取得參數。
函數的arguments屬性
在每一個函數體的內部,都有一個arguments標識符,這個標識符代表了一個Arguments對象。Arguments對象非常類似于Array(數組)對象,比如都有length屬性,訪問它的值用"[]"操作符利用索引來訪問參數值。但是,二者是完全不同的東西,僅僅是表面上有共同點而已(比如說修改Arguments對象的length屬性并不會改變它的長度)。
Arguments對象有一個callee屬性,標示了當前Arguments對象所在的方法。可以使用它來實現匿名函數的內部遞歸調用。
------------------------------------------------------------------
方法的調用需要對象的支持,那么在方法中如何獲取對象的屬性呢?this!this關鍵字我們已經很熟悉了,在javascript的方法中,我們可以用this來取得對方法調用者(對象)的引用,從而獲取方法調用者的各種屬性。
下面我們來一個更加面向對象的例子:
在上面的例子中,完全可以用person.name=..來直接改變person的name屬性,在此我們只是為了展示一下剛才提到的內容。
另一種改變person屬性的方法就是:定義一個function,接收兩個參數,一個是person,一個是name的值,看起來像是這樣:changeName(person,"newName")。哪種方法好呢?很明顯,例子中的方法更形象,更直觀一些,而且好像有了那么一點面向對象的影子。
再次強調一下,方法(Method)本身就是是函數(function),只不過方法的使用更受限制。在后面的篇幅中,如果提到函數,那么提到的內容同樣適用于方法,反之則不盡然。
函數的prototype屬性
每一個函數都包含了一個prototype(原型)屬性,這個屬性構成了javascript面向對象的核心基礎。在后面我們會詳細討論。
文中所有英文語句(程序語句除外),都引自<<javascript-the definitive guide,5th edition>>。
------------------------------------------------------------------------------------
函數
javascript函數相信大家都寫過不少了,所以我們這里只是簡單介紹一下。
創建函數:
function f(x) {........}
var f = function(x) {......}
上面這兩種形式都可以創建名為f()的函數,不過后一種形式可以創建匿名函數。函數定義時可以設置參數,如果傳給函數的參數個數不夠,則從最左邊起依次對應,其余的用undefined賦值,如果傳給函數的參數多于函數定義參數的個數,則多出的參數被忽略。
1
function myprint(s1,s2,s3) {
2
alert(s1+"_"+s2+"_"+s3);
3
}
4
myprin(); //undefined_undefined_undefined
5
myprint("string1","string2"); //string1_string2_undefined
6
myprint("string1","string2","string3","string4"); //string1_string2_string3

2

3

4

5

6

因此,對于定義好的函數,我們不能指望調用者將所有的參數全部傳進來。對于那些必須用到的參數應該在函數體中加以檢測(用!操作符),或者設置默認值然后同參數進行或(||)操作來取得參數。
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

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

函數的arguments屬性
在每一個函數體的內部,都有一個arguments標識符,這個標識符代表了一個Arguments對象。Arguments對象非常類似于Array(數組)對象,比如都有length屬性,訪問它的值用"[]"操作符利用索引來訪問參數值。但是,二者是完全不同的東西,僅僅是表面上有共同點而已(比如說修改Arguments對象的length屬性并不會改變它的長度)。
1
function myargs() {
2
alert(arguments.length);
3
alert(arguments[0]);
4
}
5
myargs(); //0 --- undefined
6
myargs("1",[1,2]); //2 --- 1

2

3

4

5

6

Arguments對象有一個callee屬性,標示了當前Arguments對象所在的方法。可以使用它來實現匿名函數的內部遞歸調用。
1
function(x) {
2
if (x <= 1) return 1;
3
return x * arguments.callee(x-1);
4
} (section8.2)

2

3

4

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

2

3

4

5

6

7

8

方法的調用需要對象的支持,那么在方法中如何獲取對象的屬性呢?this!this關鍵字我們已經很熟悉了,在javascript的方法中,我們可以用this來取得對方法調用者(對象)的引用,從而獲取方法調用者的各種屬性。
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

2

3

4

5

6

7

下面我們來一個更加面向對象的例子:
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

2

3

4

5

6

7

8

9

10

在上面的例子中,完全可以用person.name=..來直接改變person的name屬性,在此我們只是為了展示一下剛才提到的內容。
另一種改變person屬性的方法就是:定義一個function,接收兩個參數,一個是person,一個是name的值,看起來像是這樣:changeName(person,"newName")。哪種方法好呢?很明顯,例子中的方法更形象,更直觀一些,而且好像有了那么一點面向對象的影子。
再次強調一下,方法(Method)本身就是是函數(function),只不過方法的使用更受限制。在后面的篇幅中,如果提到函數,那么提到的內容同樣適用于方法,反之則不盡然。
函數的prototype屬性
每一個函數都包含了一個prototype(原型)屬性,這個屬性構成了javascript面向對象的核心基礎。在后面我們會詳細討論。
posted on 2009-10-20 11:04 Brian 閱讀(192) 評論(0) 編輯 收藏 所屬分類: JScript