《設計模式 》 - 4. 原型模式( Prototype )

Cleve_baby發表於2018-07-06

Javascript設計模式 - 原文連結

原型模式 ( Prototype ) :

語言 : JavaScript

JavaScript 克隆方法 :

function clone(obj) {
    if (null == obj || "object" != typeof obj)
    {
        return obj;
    }

    // Date
    if (obj instanceof Date)
    {
        var copy = new Date();
        copy.setTime(obj.getTime());
        return copy;
    }

    // Array
    if (obj instanceof Array) 
    {
        var copy = [];
        var len = obj.length;
        for (var i = 0; i < len; ++i)
        {
            copy[i] = clone(obj[i]);
        }
        return copy;
    }

    // Object
    if (obj instanceof Object) 
    {
        var copy = {};
        for (var attr in obj)
        {
            if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
        }
        return copy;
    }
    throw new Error("Unable to copy");
}

客戶類 :

var person = {
    name : "小明",
    age : "15",

    eat : function(){
        console.log("eating");
    }
}

var clonePersonA = clone(person);

console.log(clonePersonA);

clonePersonA.eat();

程式碼圖示 : 
這裡寫圖片描述

結果顯示 :

這裡寫圖片描述

相關文章