js面向对象的常用模式

1.构造函数模式测试 构造函数首字母大写,没有显式地创建对象,将属性和方法赋值给了 this 对象,没有return语句。

function CPerson(name,sex,age) {
    this.name = name;
    this.sex = sex;
    this.age = age;
    this.show = function () {
        console.log(this.name, this.age, this.sex);
    }
}
var p1 = new CPerson('wangyongfei','男','23');
p1.show();
//wangyongfei 23 男

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

function CPerson(){
}
CPerson.prototype.name='wangyongfei';
CPerson.prototype.sex='男';
CPerson.prototype.age=23;
CPerson.prototype.show=function(){
    console.log(this.name, this.age, this.sex);
}
var p1 = new CPerson();
p1.show(); 
//wangyongfei 23 男

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 p1 = new CPerson('wangyongfei','男','23');
p1.show();
//wangyongfei 23 男

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值