最近筆記分享了好幾篇Audio/Video的Methods(方法)、Properties(屬性)、和Events(事件)。

我今天想要單純針對這些方法、屬性、事件的概念來做一些瞭解。
以前我還是大學生的時候（遠望，回不去了），
一個人衝衝衝～跑去修外系（遊戲系）的課
找了傳說中超會當人又跩個二五八萬的老師，
（簽名的時候，系主任還問我，你確定要修嗎？），
上了什麼設計理論，事隔多年，我當然都忘光光了
不過，他有一個問題“讓我印象很深刻，
他問大家， 設計是什麼？

我腦袋轉了360*3度，盤算各種答案，ㄟ …這答案應該有很多吧
被叫到的同學，都講了讓我覺得很有道理的答案，都被老師說不是！
他說：這不是我要的答案！
我當時心想：誰知道你想要什麼啊？

終於，
…..

他說： 設計就是要達到目的。

我當時心想：人生有這麼多目的，啊這不是廢話嗎？

恩….不過現在想起來，也是挺有道理的啦！

恩恩， 講了一堆五四三～
遙想當年，講了我都熱血了起來（恩，好像終於要回到正題了）
恩…..好像有點熱？
為了達到不會很熱的目的，所以我要去開電風扇！

舉例如下：
目的： 不會很熱
物件： 電風扇
屬性： 粉紅色（顏色）、小台（尺寸），可以定時遙控（內含功能）
事件： 按下啓動按鈕，觸發電風扇轉動
方法： 觸發電風扇轉動之後，會發出轟轟轟的聲音，風扇葉片開始轉

為了符合我的氣質（ㄟ … 假裝可愛又很聰明），
我要挑一台粉紅色、小台、可以定時遙控的電風扇，
像是粉紅色（顏色）、小台（尺寸），可以定時遙控（內含功能）等
就是電風扇的可見屬性(Property)。
其他不可見屬性則是描述狀態，傳回目前顏色或尺寸是什麼。

＊有些屬性可以設置（我決定我要的電風扇顏色是粉紅色）
或傳回狀態（我現在決定的電風扇顏色是什麼色？）。

為了達到我的目的，所以我要去開電風扇
按下電風扇啓動按鈕會觸發電風扇轉動就是事件

讓電風扇轉動**（事件）發生了之後**，
電風扇就會發出轟轟轟的聲音，風扇葉片還會開始轉，
執行這些轟轟轟的聲音，風扇葉片轉動，就是方法。

結論：
方法、屬性、事件的概念是：
電風扇具有屬性會回應事件，而且可以執行方法。

筆記參考：

詳述：瞭解屬性、方法和事件
http://msdn.microsoft.com/zh-tw/library/ms172576(v=vs.80).aspx

JAVASCRIPT OBJECT - 共用屬性與方法
http://blog.kkbruce.net/2012/02/javascript-object.html#.UIIYA2lrbKk

與本次分享無關的補充：
javascript 在頁面執行的順序

1.頁面上的Javascript是HTML文檔的一部分，
所以Javascript在頁面執行的順序就是其引入標籤<script>的出現順序，
<script>標籤裡的或者通過src引入的外部JS，都是按照其语句出現的順序執行，
而且執行過程是文檔裝載的一部分。

2.每個腳本定義的全局變量和函數，都可以被後面執行的腳本所調用。

Ref: http://mobile.dotblogs.com.tw/noguess/archive/2012/09/25/75041.aspx

再附上與本次分享無關逛到的
筆記：
JavaScript是什麼
http://ycc.tsu.edu.tw/WebPage/Javascript.htm

JAVASCRIPT - 物件導向(OBJECT-ORIENTED LANGUAGE, OOP)
http://blog.kkbruce.net/2012/02/javascript-object-oriented-language-oop.html#.UIIYGGlrbKk

[JavaScript] JavaScript 的物件導向設計 (1)：體驗篇
http://www.dotblogs.com.tw/regionbbs/archive/2012/05/03/introduce.to.javascript.oop.aspx

[JavaScirpt] 判斷 null , undefined 小測試筆記
http://mobile.dotblogs.com.tw/junegoat/archive/2012/09/25/75032.aspx

javascript- eval() 語法
http://www.dotblogs.com.tw/a-law/category/3028.aspx

[javascript]小寫轉大寫(onkeypress,onkeyup,onkeydown,toUpperCase)
http://www.dotblogs.com.tw/kevinya/archive/2012/05/31/72510.aspx

[JavaScript] 靜態類別與成員
http://mobile.dotblogs.com.tw/regionbbs/archive/2012/06/28/implement.javascript.static.members.aspx

[ASP.NET] 十分鐘輕鬆玩HTML5系列– 簡介Drag & Drop
http://mobile.dotblogs.com.tw/ian/archive/2012/07/03/73191.aspx