您的位置:首页 > 其它

关于面向对象封装的一些理解

2016-08-04 19:19 274 查看
-----》 为了解决从原型对象生成实例的问题,Javascript提供了一个构造函数(Constructor)模式。

   

  1.构造函数模式

  

//构造函数模式

function Cat (name,color){
this.name = name;
this.color = color;
}

var cat1 = new Cat('大毛',"红色");
var cat2 = new Cat('二毛','黑色');

console.log(cat1.name) //大毛
console.log(cat1.constructor == Cat); //true;同时指向的Cat;
console.log(cat2.constructor == Cat); //true;同时指向的Cat;

//存在的问题  我们在函数内添加俩个不变的属性,每一次生成一个实例,都必须为重复的内容,占用内存;
// 这样就使得每个实例同时指向原型对象

Cat.prototype.type = '猫科动物'
Cat.prototype.eat = function (){
alert('吃老鼠')
}

// 为了配合prototype属性,Javascript定义了一些辅助方法,帮助我们使用它。

//这个方法用来判断,某个proptotype对象和某个实例之间的关系。
alert(Cat.prototype.isPrototypeOf(cat1)); //true
  alert(Cat.prototype.isPrototypeOf(cat2)); //true

//hasOwnProperty 判断属性本地属性还是继承属性;
alert(cat1.hasOwnProperty("name")); // true
  alert(cat1.hasOwnProperty("type")); // false

// 每个实例对象都有一个hasOwnProperty()方法,用来判断某一个属性到底是本地属性,还是继承自prototype对象的属性。
alert(cat1.hasOwnProperty("name")); // true
  alert(cat1.hasOwnProperty("type")); // false

// in运算符可以用来判断,某个实例是否含有某个属性,不管是不是本地属性。
alert("name" in cat1); // true
  alert("type" in cat1); // true

// in运算符还可以用来遍历某个对象的所有属性。
for(var prop in cat1) { alert("cat1["+prop+"]="+cat1[prop]); }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: