js 面向对象

1.构造函数模式测试 构造函数首字母大写,将属性和方法赋值给了 this 对象。

 

function CPerson(name,sex,age) {  
this.name = name;  
this.sex = sex;  
this.age = age;  
this.show = function () {  
console.log(this.name+this.sex+this.age);  
}  
}  
var m1 = new CPerson('wyy',' 女',' 23');  
m1.show();  
//wyy 女 23

 2.原型模式

每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象。而这个对象的用途是 包含可以由 特定类型 的所有 实例 共享的属性和方法。即调用构造函数所创建的那个对象的 原型对象好处是可以让所有对象的实例共享他的属性的方法。无需在构造函数中定义实例的信息。

function CPerson(){  
}  
CPerson.prototype.name='wyy';  
CPerson.prototype.sex='女';  
CPerson.prototype.age=23;  
CPerson.prototype.show=function(){  
console.log(this.name+ this.age+  this.sex);  
}  
var m1 = new CPerson();  
m1.show();   
//wyy23女

3.组合使用构造函数和原型模式
利用构造函数定义实例属性、利用原型定义方法和共享的属性,结果每个实例都有一份实例属性的副本,而且共享着方法的引用,应用最多。

 

function CPerson(name,sex,age) {  
this.name = name;  
this.sex = sex;  
this.age = age;  
}  
CPerson.prototype.show=function(){  
console.log(this.name+this.age+this.sex);  
}  
var m1 = new CPerson('wyy',' 女','23');  
m1.show();  
//wyy23 女

 

猜你喜欢

转载自wangyuying.iteye.com/blog/2365727