記憶好很大程度決定能力!
適時總結是一種很好的彌補方法!

隨筆 - 4 文章 - 10 trackbacks - 0

2025年7月

>

日

一

二

三

四

五

六

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

常用鏈接

留言簿(1)

隨筆檔案

文章分類

文章檔案

搜索

閱讀排行榜

評論排行榜

Javascript基礎知識之this篇

文章出自:http://www.aygfsteel.com/BlueDavy/archive/2006/03/02/33285.html
介紹這方面的文章也有一些，我這里打算以一個demo來說明一下，也是基于prototype進行編寫，javascript中的this看起來會和java中的this有些不同。
一個簡單的測試，為了綁定事件到一個按鈕上：

var TestThis=Class.create();

TestThis.prototype={

initialize:function(btn){

this.value="TestThis";

$(btn).onclick=this.clickButton;

}

clickButton:function(){

alert(this.value);

}

new TestThis("btnTest");

</script>

在IE中執行代碼會發現點擊按鈕后彈出的提示的值為"測試"，按照java的思想去看的話我們會覺得這是很奇怪的事，因為按照java執行的話這個時候一定是彈出"TestThis"...
那么為什么會發生這樣的狀況呢，其實就是在將按鈕的onclick事件綁定到clickButton造成的，當事件發生時候當前的對象為button，而不是TestThis，自然這個時候的this也就是button了...
有些時候我們是不希望這樣的，在擁有prototype的情況下我們可以用它提供的bind來解決，將上面的綁定按鈕的onclick事件部分的代碼改為：
$(btn).onclick=this.clickButton.bind(this);
再次執行后會發現這個時候點擊按鈕彈出的提示的值就變為"TestThis"了，呵呵，其實就是prototype幫忙將這個時候的參數進行了重新的綁定..
bind和extend是prototype中兩個非常重要的方法，去看prototype.js就會發現，里面很多地方都用到了Object.extend和Function.prototype.bind這兩個函數...
bind可以起到的作用就象我上面說的..
extend起到的作用則為繼承和擴展，^_^

posted on 2007-08-15 21:19 冬天出走的豬閱讀(181) 評論(0) 編輯收藏所屬分類: JavaScript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: javascript 基本用法簡結 (轉) (轉)Javascript中最常用的55個經典技巧深入理解JavaScript中的函數 Javascript基礎知識之this篇 JavaScript學習筆記——客戶端與服務器端的通信 JavaScript學習筆記——錯誤處理