Javascript：用 "腦圖軟件" 學習 “面向對象”

面向對象

面向對象思維導圖

默認情況下，Javascript支持如下特性（紅色代表默認支持）：

通過框架層面的支持，Javascript可以支持所有這些特性。

重點概念介紹

鴨子類型

如果一個東西（對象）看起來像鴨子（符合接口定義），走起路來也像鴨子（行為也符合期望），那么這個東西就是鴨子。

如所有動態語言一樣，Javascript天生就支持“鴨子類型”。從“多態”的維度考慮，Javascript是通過“鴨子類型”支持的“多態”。

代碼示例

var Rectangle = function (name) {
    this.name = name;
};

Rectangle.prototype.draw = function () {
    console.log(this.name);
};

var Circle = function (name) {
    this.name = name;
};

Circle.prototype.draw = function () {
    console.log(this.name);
};

var rectangle = new Rectangle('Rectangle');
var circle = new Circle('Circle');
var custom = {
    name: 'Custom',
    draw: function () {
        console.log(this.name);
    }
};

var shapes = [rectangle, circle, custom];

shapes[0].draw();
shapes[1].draw();
shapes[2].draw();

上例中三個對象不在一個繼承體系（先不考慮object），但是他們實現了多態。

鴨子類型的核心是”不關注其類型，只關注其職責“。

泛型

不同語言支持的泛型機制是不一樣的，這里不做深入了，我也很難給出一個定義。

Javascript天生就支持“泛型”。Javascript是通過“鴨子類型”支持的“泛型”的。

代碼示例

var Man = function () {

};
Man.prototype.say = function () {
    return 'Man';
}

var Dog = function () {

};
Dog.prototype.say = function () {
    return 'Dog';
}

var say = function (generic) {
    console.log(generic.say());
}

say(new Man());
say(new Dog());

 元編程

一種寫程序的程序。

如所有動態語言一樣，Javascript天生就支持“元編程”。

代碼示例

Function.prototype.accessor = function (name) {
    this.prototype['get' + name] = function () {
        return this.name;
    };

    this.prototype['set' + name] = function (name) {
        this.name = name;
    }
};

var User = function () {

};
User.accessor('Name');

var user = new User();
user.setName('段光偉');
console.log(user.getName());

原型繼承

Javascript：必須知道的Javascript知識點之“原型鏈”

Javascript：必須知道的Javascript知識點之“this指針”

隱式封裝

語言的作者一般會對人性有一個假設，一個常見的假設就是：

1. 1. 開發人員是愚蠢的，他們很容易犯錯誤，因此語言要防止他們犯錯誤。
   2. 開發人員是聰明的，他們會對自己的錯誤負責，因此語言要給予他們最大的靈活性。

Javascript選擇了第二種方式，因此它不在語言層面設置顯式的約束（private、protect），多數情況要根據團隊的約定。

備注

今天先理清了一些基本概念，關於單繼承、多繼承和摻入的介紹要等下一篇文章了。