一直都在用JavaScript完成一些客戶端的功能，每次應(yīng)用都是到網(wǎng)上現(xiàn)查現(xiàn)用，卻從來沒有系統(tǒng)的學習一下JavaScript。

有一次企圖偷窺一下它的內(nèi)涵，發(fā)現(xiàn)身邊一個朋友正捧著一本JavaScript的書在看，忘記叫什么名字了，只記得比《thinking in java》還要厚，當時就放棄了偷窺的念頭。

昨天在看關(guān)于AJAX的一本書時，正好很大的一部分篇幅是講JavaScript的。讀了讀，感覺JavaScript真的好強大。同樣是一種面向?qū)ο蟮恼Z言，學習起來有很多和JAVA很相似的地方。

JavaScript中的"類"

在面向?qū)ο蟮乃枷胫校詈诵牡母拍钪痪褪穷悺?一個類表示了具有相似性質(zhì)的一類事物的抽象，通過實例化一個類，可以獲得屬于該類的一個實例，即對象。

在JavaScript中，最常見的代碼如下：

function funcName(){
  // 具體內(nèi)容
}

我們叫funcName為一個函數(shù)，其實funcName也可以理解成一個類，甚至也可以理解成一個對象。

認識function

我們都知道可以用function關(guān)鍵字定義一個函數(shù)，并為每一個函數(shù)指定一個函數(shù)名，通過函數(shù)名來進行調(diào)用。在JavaScript解釋執(zhí)行時，函數(shù)都是被維護為一個對象，這就是函數(shù)對象。

函數(shù)對象和其它用戶自定義的對象有著本質(zhì)的區(qū)別，它和日期對象（Date），數(shù)組對象（Array）等一樣，都屬于內(nèi)部對象。這些對象的構(gòu)造器是有JavaScript本身定義的：通過執(zhí)行new Date()這樣的語句返回一個對象。

函數(shù)對象對應(yīng)的類型是function，同日期對象對應(yīng)的類型是Date一樣，可以通過new function()來創(chuàng)建一個函數(shù)對象，也可以通過function關(guān)鍵字來創(chuàng)建一個對象。如：

function func(){ 
// 1.有名函數(shù)，函數(shù)名為func。
// 2.函數(shù)名被調(diào)用才執(zhí)行。
}
var func = new function(){ 
// 1.無名函數(shù)，func只是一個變量對象指向了這個函數(shù)。
// 2.先初始化函數(shù)，也就是執(zhí)行一次，再把創(chuàng)建的函數(shù)對象賦給func。
}

prototype原型對象

prototype是一個對象。

prototype對象是實現(xiàn)面向?qū)ο蟮囊粋€重要機制，所以特別記錄一下。

由上面可以看出，每個函數(shù)其實也是一個對象，它們對應(yīng)的類是“function”。這里，JavaScript同Java不同，就是，每一個函數(shù)對象都有一個子對象prototype。prototype對象表示該函數(shù)的原型，把函數(shù)理解成類，也就是說，prototype表示了一個類的組成。

當通過new來獲取一個類的對象的時候，prototype對象的成員都會成為實例化對象的成員。如：

function student(){
}
student.prototype.name="realsmy";
student.prototype.showBlog=function(){
    alert(http://www.aygfsteel.com/realsmy);
}

類的實現(xiàn)

// 定義一個類student
function student(){
  // 相當于構(gòu)造函數(shù)
}
// 無類型對象的構(gòu)造方法來指定prototype對象。
student.prototype = {
  // 屬性
  name:"realsmy";
  // 方法
  showBlog:function(){
    alert(this.name+" :http://www.aygfsteel.com/realsmy");
    // 注意，類的成員之間互相引用，必須通過this指針來進行。
  }
}

這樣更像傳統(tǒng)意義面向?qū)ο笳Z言中類的實現(xiàn)，只是構(gòu)造函數(shù)和類的定義被分成了兩個部分。

實現(xiàn)private,static

private：
前面的例子都屬于共有成員，也就是說，向任何實例公開這些屬性和方法。
JavaScript中沒有特殊的機制來定義私有成員，但可以通過變量的作用域來實現(xiàn)。

function student(){
  var id = "007";
  this.myId = id;
  this.showId() = function(){
    alert(id); // 可以訪問id
    alert(this.myId); 
  }
}
var stu = new student();
// stu.id這個會被認作是未定義的
stu.myId = "008"; // 有效賦值
stu.showId(); // 彈出"007"和"008"

static:

靜態(tài)成員也是一個類的成員。
因為函數(shù)也是一個對象，所以可以用給函數(shù)對象直接添加成員的方法來實現(xiàn)靜態(tài)成員。

function student(){
}
// 靜態(tài)屬性
student.school = "po da xue";
// 靜態(tài)方法
student.out = function(){
  alert("jin tian ni tao ke le ma?");
}
這樣每一個student對象都可以調(diào)用到那個屬性和方法。
或者
function.prototype.show = function(){
  // 
}

這樣是給每個函數(shù)對象都添加通用的靜態(tài)方法。

類的繼承

利用反射機制和prototype實現(xiàn)繼承
為了方便，可以先為每一個類添加一個共有的方法，用以實現(xiàn)繼承。

function.prototype.inherit = function(baseClass){
  // 反射機制
  for(var p in baseClass.prototype){
    this.prototype[p] = baseClass.prototype[p];
  }
}

基類

function class1(){
  // 
}
class1.prototype = {
  // 
  method:function(){}
}

子類

function class2(){
  // 
}
class2.inherit();
class2.prototype.method = function(){
  // 覆蓋父類中的method方法。
}

這樣的方法是在犧牲了一定的代碼可讀性為代價的前提下，實現(xiàn)了類的繼承。據(jù)說現(xiàn)在javascript的一種框架已經(jīng)更好的實現(xiàn)了類的繼承機制，還沒有研究過。呵呵。

function是所有函數(shù)對象的基礎(chǔ)，Object是所有對象（包括函數(shù)對象）的基礎(chǔ)。

感覺，所有面向?qū)ο笳Z言的設(shè)計思想都是一致的。簡單說就是以對象為基礎(chǔ)。JavaScript作為一種面向?qū)ο蟮恼Z言，同樣是以對象為基礎(chǔ)的。

理解JavaScript面向?qū)ο蟮乃枷耄瑢ξ乙院髮W習JavaScript的一些高級技術(shù)會有很大幫助。

故，記錄筆記于此。

歡迎來訪！^.^!
本BLOG僅用于個人學習交流!
目的在于記錄個人成長.
所有文字均屬于個人理解.
如有錯誤，望多多指教！不勝感激！