Javascript 面向對象 學習筆記

//類定義(prototype 模式)
function Cat(name,color) {
    this.name = name;
    this.color = color;
}
Cat.prototype.type = 'cat';
Cat.prototype.food = 'fish';
Cat.prototype.eat = function() {
    alert(this.name + ' is eating '+this.food);
};

//使用
var cat1 = new Cat('Jack','white');
var cat2 = new Cat('Rose','black');
alert(cat1.name + ' is a ' + cat1.color + ' ' + cat1.type);//Jack is a white cat
cat2.eat();//Rose is eating fish

//===========================================

//繼承(利用空對象作為中介)
function extend(Child, Parent) {
    var F = function(){};
　　F.prototype = Parent.prototype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
}
//使用
function Panda(name) {
    this.name = name;
    this.color = 'black&white';
　　this.food = 'bamboo';
    this.size = 'fat';
}
extend(Panda, Cat);//Panda繼承Cat,假設熊貓是喵星人

var panda1 = new Panda('Po');
alert(panda1.name + ' is a ' + panda1.color + ' ' + panda1.size + ' ' + panda1.type);//Po is a black&white fat cat
panda1.eat();//Po is eating bamboo
//=========================================

//深拷貝函數
//p:parent c:child
function deepCopy (p ,c) {
    var c = c || {};
    for (var i in p) {
        if(typeof p[i] === 'object') {
            c[i] = (p[i].constructor === Array) ? [] : {};
            deepCopy(p[i], c[i]);
        } else {
            c[i] = p[i];
        }
    }
    return c;
}