面向对象编程(封装)【笔记】
构造函数模式
构造函数:内部使用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人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦