JavaScript物件導向

標籤：物件導向   javascript   

方法一:建構函式法

function Cat(){    this.name = "";}Cat.prototype.showName = function(){    console.log(this.name);}var cat = new Cat();cat.name = "Tom";cat.showName();// Tom

它用建構函式類比"類"，在其內部用this關鍵字指代執行個體對象。
類的屬性和方法，還可以定義在建構函式的prototype對象之上。
產生執行個體的時候，使用new關鍵字。


方法二:Object.create()法

var Cat = {    name:"",    showName:function(){        console.log(this.name);    }};var cat = Object.create(Cat);cat.name = "Tom";cat.showName();// Tom

用這個方法，"類"就是一個對象，不是函數。
然後，直接用Object.create()產生執行個體，不需要用到new。


方法三:極簡主義法
1 類的定義

var Cat = {    createNew:function(){        var cat = {};        cat.name = "";        cat.showName = function(){            console.log(this.name);        }        return cat;    }};var cat = Cat.createNew();cat.name = "Tom";cat.showName();// Tom

2 繼承

var Animal = {    createNew:function(){        var animal = {};        animal.name = "";        animal.sleep = function(){            console.log("ZZzz...");        }        return animal;    }};var Cat = {    createNew:function(){        var cat = Animal.createNew();        cat.name = "Cat";        cat.showName = function(){            console.log(this.name);        }        return cat;    }};var cat = Cat.createNew();cat.name = "Tom";cat.showName();// Tomcat.sleep();// ZZzz...

讓一個類繼承另一個類，實現起來很方便。只要在前者的createNew()方法中，調用後者的createNew()方法即可。

3 私人成員

var Cat = {    createNew:function(){        var cat = {};        var name = "Tom";// 私人        cat.showName = function(){            console.log(name);        }        return cat;    }};var cat = Cat.createNew();cat.showName();// Tom

在createNew()方法中，只要不是定義在cat對象上的方法和屬性，都是私人的。

4 類屬性

var Cat = {    className:"Cat",    createNew:function(){        var cat = {};        cat.name = "";// 私人        cat.showName = function(){            console.log(cat.name);        }        cat.showClass =  function(){            console.log(Cat.className);        }        return cat;    }};var cat1 = Cat.createNew();cat1.name = "Tom";cat1.showName();cat1.showClass();var cat2 = Cat.createNew();cat2.name = "Jim";cat2.showName();cat2.showClass();

有時候，我們需要所有執行個體對象，能夠讀寫同一項內部資料。
這個時候，只要把這個內部資料，封裝在類對象的裡面即createNew()方法的外面即可。

JavaScript物件導向