25. JS 对象分类

25. JS 对象分类

构造函数

对象需要分类吗？这是一个值得思考的问题

先做一个小程序，输出各种形状的面积和周长。

正方形

let square = {
	width: 5,
	getArea(){
	 return this.width * this.width
	},
	getLength(){
	 return this.width * 4
	}
}

分析

正方形拥有三个属性：边长，面积，周长

给我来一打正方形，也按照上面的写，不是新人就是傻子

应该用for循环12个对象

let squareList = []
for(let i = 0; i < 12; i++){
	squareList[i] = {
		width:5,
		getArea(){
			return this.width * this.width
	},
	getLength(){
		return this.width * 4
	}
	}
}

但是width不全是5啊，怎么办

let squareList = []
let widthList = [5,6,5,6,5,6,5,6,5,6,5,6]
for(let i = 0; i < 12; i++){
	squareList[i] = {
		width:widthList[i]
		getArea(){
			return this.width * this.width
	},
	getLength(){
		return this.width * 4
	}
	}
}

看，又搞定了。

但是，这是垃圾代码，浪费了太多内存，自己画内存图就知道了。 getArea（）重复了12次，getLength也重复了12次

Screen Shot 2022-02-04 at 1.47.22 AM

怎么办呢，好办

let squareList = []
let widthList = [5,6,5,6,5,6,5,6,5,6,5,6]
let squarePrototype = {
	getArea(){
		return this.width * this.width
	},
	getLength(){
		return this.width * 4
	}
}

for(let i = 0; i < 12; i++){
	squareList[i] = Object.create(squarePrototype)
	squareList[i].width = widthList[i]
}

看，又搞定了，但是，还是垃圾代码，你创建square的代码太分散了