本博客以学习为主,适当的摘抄一些笔记,到时可做复习,请博主多多海涵。
博主大大的博客:
http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html
function Cat(name,color){
this.name=name;
this.color=color;
}
var cat1=new Cat("xixi","yellow");
var cat2=new Cat("haha","red");
console.log(cat1.constructor==Cat);//true constructor属性,指向对象的构造函数。
console.log(cat2.constructor==Cat);//true
console.log(cat1 instanceof Cat); //true 验证原型对象与实例对象之间的关系。
构造函数模式的问题
浪费内存,给每个实例化的对象都分配各自的属性和方法。这些都是重复的内容。能不能让重复的属性和方法在内存中只生成一次,然后所有实例都指向那个内存地址呢?回答是可以的。
function Cat(name,color){
this.name=name;
this.color=color;
this.type="猫科动物";
this.shout=function(){
alert("喵喵喵");
}
}
var cat1=new Cat("xixi","yellow");
var cat2=new Cat("haha","red");
console.log(cat1.type); //猫科动物
console.log(cat1.type==cat2.type); //true
console.log(cat1.shout); //function(){alert("喵喵喵");}
console.log(cat1.shout==cat2.shout); //false
//注意这里对象的方法和对象的属性比较
Prototype模式
Javascript规定, 每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。。
//构造函数即生产实例化对象的函数
function Cat(name,color){
this.name=name;
this.color=color;
}
var cat1=new Cat("xixi","yellow");
var cat2=new Cat("haha","red");
Cat.prototype.type="猫科动物";
Cat.prototype.shout=function(){
alert("喵喵喵");
}
console.log(Cat.prototype); //Object
console.log(Cat.shout); //undefined
console.log(cat1.shout); //function(){alert("喵喵喵");}
console.log(cat1.type==cat2.type); //true
console.log(cat1.shout==cat2.shout); //true
//所有实例的type属性和eat()方法,其实都是同一个内存地址,指向prototype对象,因此就提高了运行效率。
//检验某个原型对象是不是某个实例的原型
console.log(Cat.prototype.isPrototypeOf(cat1)); //true
//判断实例对象的某一个属性到底是本地属性,还是继承自prototype对象的属性。
console.log(cat1.hasOwnProperty("name")); //true
//in运算符可以用来判断,某个实例是否含有某个属性,不管是本地属性还是继承过来的属性都为true。
console.log("name" in cat1); //true
console.log("type" in cat1); //true