JS创建对象

本人常用的创建对象的方式，仅供参考，欢迎吐槽，谢谢！

创建对象
1、对象字面量，即使用大括号，如下：

(function(){

var obj = {
id: 1,
desc: '创建对象测试开始啦！',
show: function(){
console.log("id=%d, desc=%s", this.id, this.desc);
}
};

obj.show();
})();

2、构造函数

(function(){

function Animal(name, age){
this.name = name;
this.age = age;
this.show = function(){
console.log("该动物是%s,今年%d岁", this.name, this.age);
}
}

var cat = new Animal('猫咪', 3);
cat.show();

})();

一种错误：

(function(){

function Animal(){
}

Animal.prototype.name = '猫咪';
Animal.prototype.age = 3;
Animal.prototype.show = function(){
console.log("该动物是%s,今年%d岁", this.name, this.age);
};

animal = Animal();
animal.show();//TypeError: animal is undefined

})();

解决方案

(function(){

function Animal(){
if( !(this instanceof Animal) ){
return new Animal();
}
}

Animal.prototype.name = '猫咪';
Animal.prototype.age = 3;
Animal.prototype.show = function(){
console.log("该动物是%s,今年%d岁", this.name, this.age);
};

animal = Animal();
animal.show();//该动物是猫咪,今年3岁

})();

3、原型模式

(function(){

function Animal(){

}

Animal.prototype.name = '猫咪';
Animal.prototype.age = 3;
Animal.prototype.show = function(){
console.log("该动物是%s,今年%d岁", this.name, this.age);
};

var animal = new Animal();
animal.show();//该动物是猫咪,今年3岁

animal.name = "狗熊";
animal.age = 14;
animal.show();//该动物是狗熊,今年14岁

delete animal.name;
animal.show();//该动物是猫咪,今年14岁

})();

备注：当删除对象的属性时，为啥从该对象的name，从狗熊变成了猫咪了呢？这是跟JS中属性的查找有关！首先其先从该对象的属性中查找若有，则立即返回，当没有，再到其原型中查找，若有则立即返回，最后当找不到时，则返回undefined

什么是原型？

1、我们创建的每一个函数都有一个prototype属性，这个属性是一个对象，它的用途是包含有特定类型的所有实例共享的属性和方法。
2、只要创建了一个新函数，就会为该函数创建一个prototype属性。默认情况下，所有prototype属性都会自动获得一个constructor属性，这个属性包含一个指向prototype属性所在函数的指针。这样，函数以及函数原型之间就形成了循环指向了。
3、每当调用构造函数创建一个新实例后，该实例的内部将包含一个指针(一般指__proto__)，指向构造函数的原型属性。

参考资料：

有图的，很有意思：http://www.cnblogs.com/maxupeng/archive/2010/12/28/1918480.html