原型和原型鏈的理解和使用

一、對象字面量是一個 名/值 對列表，每一個 名/值 對之間用逗號分隔，最後用一個大括號括起來。名/值對 表示對象的一個屬性或方法，名和值之間用冒號分隔。

/**
* @author zhanghua
*/
var literal = {
    add: function(){
        alert("add");
    },
    del: function(){
        alert("delete");
    },
    update: function(){
        alert("update");
    },
    name: "zhangsan",
    callLiteral: function(){
        // 對於當前字面量對象的調用，要加this關鍵字
        this.add();
    }
};

二、首先爲一個對象定義構造函數，爲對象的屬性賦值。這裏面的屬性是自定義屬性。

var BaseCalculator = function() {
    this.decimalDigits = 2;
};

三、原型使用的兩種方式：

（1） 經過對象字面量給Calculator的prototype屬性賦值：

BaseCalculator.prototype = {
    add: function(x, y) {
        return x + y;
    },
    subtract: function(x, y) {
        return x - y;
    }
};

（2）經過當即執行函數爲prototype賦值，能夠達到方法的私有化：

BaseCalculator.prototype = function () {
            add = function (x, y) {
                return x + y;
            },

            subtract = function (x, y) {
                return x - y;
            }
            return {
                add: add,
                subtract: subtract
            }
        } ();

（3） 

Calculator.prototype = BaseCalculator.prototype;  Calculator的實例只能訪問BaseCalculator原型中的方法和屬性，不能訪問構造函數中的屬性。

Calculator.prototype = new BaseCalculator();      Calculator的實例既能訪問BaseCalculator原型中的方法和屬性，也能訪問構造函數中的屬性。

（4）重寫原型:在使用第三方JS類庫的時候，每每有時候他們定義的原型方法是不能知足咱們的須要，可是又離不開這個類庫，因此這時候咱們就須要重寫他們的原型中的一個或者多個屬性或function

Calculator.prototype.subtract = function(x, y, z){return x + z –y;};

（5） 原型鏈： 是由子對象對父對象進行屢次原型繼承造成的鏈式關係。當調用子對象的某個屬性或方法時，javascript會向上遍歷原型鏈，直到找到爲止，沒有返回undefined。可是注意： 屬性在查找的時候是先查找自身的屬性，若是沒有再查找原型，再沒有，再往上走，一直插到Object的原型上。

（6） hasOwnProperty函數： 是Object.prototype的一個方法，它可以查找一個對象是否包含自定義屬性而不是原型鏈的屬性。能夠對 for in 進行過濾。 可是注意： 最好使用{}.hasOwnProperty方式先除去

某個對象中可能包含的對hasOwnProperty屬性非法佔用。

 

 

 

 

以上參考大牛博客：  http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html