面向对象--构造函数

最新推荐文章于 2023-12-31 14:30:03 发布

weixin_30867015

最新推荐文章于 2023-12-31 14:30:03 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yigexiaojiangshi/p/7404871.html

一、生成实例对象的原始模式

var cat = {
		name: '',
		color: ''
	}

	var cat1 = {};
	cat1.name ='大毛';
	cat1.color = '黄色';

	var cat2 = {};
	cat2.name = '二毛';
	cat2.color = '黑色';

二、解决代码重复写一个函数

function Cat (name, color){
		return {
			name: name,
			color: color
		}
	}

	var Cat1 = Cat('三毛', '红色');
	var Cat2 = Cat('四毛', '绿色');

三、看不出同一个原型，用构造函数

function CatNew (name, color ){
		this.name = name;
		this.color = color;
	}
	var cat3 = new CatNew('六毛', '灰色');
	var cat4 = new CatNew('七毛', '白色');

注：所有实例拥有相同属性和方法时，用prototype模式

　　原因：每创建一个实例就需要重复一次代码，占用内存，降低性能　

未使用prototype:

function CatQ( name, color ){
		this.name = name;
		this.color = color;
		this.type = '猫科动物';
		this.eat = function () {
			console.log('吃老鼠');
		}
	}

	var cat5 = new CatQ('老五', '彩色');
	var cat6 = new CatQ('老六','黑白');

使用prototype:

function Catq (name, color) {
		this.name = name;
		this.color = color;
	}
	Catq.prototype.type = "我是猫科动物";
	Catq.prototype.eat = function () {
		console.log('我想吃老鼠');
	}

	var cat7 = new Catq('老七', '灰色');
	var cat8 = new Catq('老八',"白色");
	for(var prop in cat7) {
		console.log(prop);//属性的遍历
	}

使用prototyope模式：

所有实例对象的eat方法和type属性都是同一个内存地址指向prototype 对象　　

转载于:https://www.cnblogs.com/yigexiaojiangshi/p/7404871.html