JS划重点——类和对象的不正经阐述

/在JS 类里面函数也是一个对象，那么要创建一个对象就需要一个类，这个类可以由这个对牛逼的对象-函数来实现/

/首先是普罗大众都会的 工厂模式来创建一类/

function creates(name,sex,age,b) {

	var  w = new  Object;

	w.name = name;

	w.sex = sex;

	w.age = age;

	w.single = b;

	w.show = function(){

		for (prop in w) {

			console.log("w." + prop + " = " + w[prop]);

		}

	}

	return w ;

}

var w1 = creates('啊港','男',21,true)

var w2 = creates('啊财','男',20,false)

w1.show()

w2.show()

/这种方式创建的对象很不好，每次执行都会有一个show函数被创建，可以这样写来解决对各show函数的问题/

function showinfor(){

		for (prop in this) {

			console.log(this+"." + prop + " = " + this[prop]);

		}

	}

function creates(name,sex,age,b) {

	var  w = new  Object;

	w.name = name;

	w.sex = sex;

	w.age = age;

	w.single = b;

	w.show = showinfor

	return w ;

}

var w1 = creates('啊港','男',21,true)

var w2 = creates('啊财','男',20,false)

w2.show()

w1.show()

/但看起来就特别别扭，这个show函数一点也不像是对象里面所包含的方法，这就出现了JS的构造函数来解决/

function creatW(name,sex,age,b) {

	this.name = name;

	this.sex = sex;

	this.age = age;

	this.single = b;

	this.show = function(){

		alert(this.name+"使用了构造函数来创建对象")

	};

}

var w1 = new creatW('啊港','男',21,true)

w1.show()

/现在可以用new 运算符来创建对象了，里面用的是this，不需要return对象，but 但是这种方式每个对象的shou函数也是不同的和工厂模式同父异母/

/来，邀请原型方式出场/

function w () {

}

w.prototype.name='啊港'

w.prototype.sex='男'

w.prototype.show=function(){

	alert(this.name+'使用了原型创建对象')

}

var w1 = new w()

w1.show()

/这种方式每个函数创建的对象都会公用里面的属性和方法，但是使用这种方式不能给函数传参来初始化参数，所以构造加原型模式出场/

function w (name,sex,age,b) {

	this.name = name;

	this.sex = sex;

	this.age = age;

	this.single = b;

}

w.prototype.show=function(){

	alert(this.name+'使用了构造加原型创建对象')

}

var w1 = new w('啊港','男',21,true)

w1.show()

/这种方式是目前最流行欢迎的创建对象的方式之一，还有一种动态原型创建模式/

function w (name,sex,age,b) {

	this.name = name;

	this.sex = sex;

	this.age = age;

	this.single = b;

	if(typeof w._initialized == 'undefined'){

		w.prototype.show=function(){

			alert(this.name+'使用了动态原型创建对象')

		}

        w._initialized=true

	}

}

var w1 = new w('啊港','男',21,true)

w1.show()

var w2 = new w('啊财','男',21,true)

w2.show()

/initialized判断是否给已经给原型赋予了任何方法如果没有就创建，然后赋值为true,之后就不会创建show方法/

巴特西

JS划重点——类和对象的不正经阐述

JS划重点——类和对象的不正经阐述

最新文章

热门文章