为了账号安全,请及时绑定邮箱和手机立即绑定

面向对象编程(封装)【笔记】

构造函数模式

构造函数:内部使用this变量,在使用new运算符时能生成实例,且this变量会绑定至该实例对象。(用于从原型对象生成实例)

/*猫的原型对象*/
function Cat(name,color){
    this.name=name;
    this.color=color;
}
/*生成实例对象*/
var cat1 = new Cat("大毛","黄色");
var cat2 = new Cat("二毛","黑色");
alert(cat1.name); // 大毛
alert(cat1.color); // 黄色
/* 这时cat1和cat2会自动含有一个**constructor**属性,指向它们的构造函数 */
alert(cat1.constructor == Cat); //true
alert(cat2.constructor == Cat); //true
/* instanceof运算符,验证原型对象与实例对象之间的关系 */
alert(cat1 instanceof Cat); //true
alert(cat2 instanceof Cat); //true

但构造函数存在内存浪费问题:若为对象添加不变的属性与方法时,若多次创建实例,这些属性与方法会在内存中多次生成。

Prototype模式

每一个构造函数都有一个prototype属性,指向另一个对象。
这个对象的所有属性和方法,都会被构造函数的实例继承。
这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。(即这些不变的属性和方法,只在内存中生成一次,所有实例都指向哪个内存地址)

function Cat(name,color){
    this.name = name;
    this.color = color;
}
Cat.prototype.type = "猫科动物";
Cat.prototype.eat = function(){alert("吃老鼠")};
/*生成实例*/
var cat1 = new Cat("大毛","黄色");
var cat2 = new Cat("二毛","黑色");
alert(cat1.type); // 猫科动物
cat1.eat(); // 吃老鼠
/*此时属性方法指向同一个内存地址,即protype对象*/
alert(cat1.eat == cat2.eat); //true

原文作者阮一峰老师

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消