Javascript Construction category

Nov 7 posted in AJAX (RSS), comments.

This article is reproduced in: http://ttitfly.javaeye.com/blog/193663

Construction of javascript in 4 major ways
1. Tectonic defined category
2. Prototype defined category
3. A combination of structure and creating a prototype category
4. Prototype dynamic way

Have their own advantages and disadvantages, as follows
1. Tectonic defined categories, advantages: multiple instances do not share the type of object attribute values, disadvantages: Each instance of the object function will have a say

Java code

/ / Structure defined categories advantages: multiple instances do not share the type of object attribute values, disadvantages: Each instance of the object function will have a say
function User () (
this. username = "zhangsan"; / / this. We must not forget
this. say = function (){// this. We must not forget
alert ( "username:" + this. username); / / this. We must not forget
)
/ / The following notes written in this way does not
/ / Function say () (
/ / Alert ( "username:" + this.username);
/ /)
)
var user = new User ();
user.username = "lisi";
user.say ();// username: lisi
var user1 = new User ();
user1.say ();// username: zhangsan, from the impact of user object

// Structured to define the class, the benefits  : More than one instance of the object does not share the class properties value weaknesses  : Each instance objects can have a function say  
function User(){
	this.username = "zhangsan";//this. Can't leave  
	
	this.say = function(){//this. Can't leave  
		alert("username:" + this.username );//this. Can't leave  
	}
	// The following comment in this way does not  
//	function say(){
//		alert("username:" + this.username );
//	}
}

var user = new User();
user.username = "lisi";
user.say();//username:lisi

var user1 = new User();
user1.say();//username:zhangsan, Not affected by the impact of user object

/ / Multiple instances do not share the type of object attribute values:

Java code

/ / Multiple instances do not share the type of object attribute values, as follows:
function User () (
this. username = new Array ();// this. We must not forget
this. say = function (){// this. We must not forget
alert ( "username:" + this. username); / / this. We must not forget
)
)
var user = new User ();
user.username.push ( "zhangsan");
user.say ();// username: zhangsan
var user1 = new User ();
user1.say ();// user1 the username is empty, not zhangsan, because the attribute values from user1 affected user

// More than one instance of the object does not share the class properties value  :
function User(){
	this.username = new Array();//this. Can't leave  
	
	this.say = function(){//this. Can't leave  
		alert("username:" + this.username );//this. Can't leave  
	}
}

var user = new User();
user.username.push("zhangsan");
user.say();//username:zhangsan

var user1 = new User();
user1.say();//user1 The username is an empty, not to zhangsan  , Because user1 property values are not affected by user impact

2. Prototype defined categories, Disadvantages: the attribute value type is invoked if the type of (non-Number and String type), then multiple instances of shared object

Java code

/ / Prototype defined categories, Disadvantages: the attribute value type is invoked if the type of (non-Number and String type), then multiple instances of shared object
function User () (
)
User.prototype.username = "zhangsan";
User.prototype.say = function () (
alert ( "username:" + this. username);
)
var user = new User ();
user.username = "lisi";
user.say ();// username: lisi
var user1 = new User ();
user1.say ();// username: zhangsan

// Prototypes define class  , Disadvantages  : The class attribute value if this is a reference type  ( Non-Number, and string types  ) , Multiple instance objects share  
function User(){
}
User.prototype.username = "zhangsan";
User.prototype.say = function(){
	alert("username: " + this.username );
}

var user = new User();
user.username = "lisi";
user.say();//username:lisi

var user1 = new User();
user1.say();//username:zhangsan

If the attribute value type is a reference type (non-Number and String type), then multiple instances of shared object:

Java code

/ / The attribute value type is invoked if the type of (non-Number and String type), then multiple instances of object sharing, the following
function User () (
)
User.prototype.username = new Array ();
User.prototype.say = function () (
alert ( "username:" + this. username);
)
var user = new User ();
user.username.push ( "zhangsan");
user.say ();// username: zhangsan
var user1 = new User ();
user1.say ();// username: zhangsan, because user1 attributes user impact will be, user1 and user point to the same reference, that is, share the same attributes

// The class attribute value if this is a reference type  ( Non-Number, and string types  ) , Multiple instance objects share  , The following  
function User(){
}
User.prototype.username = new Array();
User.prototype.say = function(){
	alert("username: " + this.username );
}

var user = new User();
user.username.push("zhangsan") ;
user.say();//username:zhangsan

var user1 = new User();
user1.say();//username:zhangsan, Because user1 properties will also be affected by the user, user user1 and point to the same reference, which share the same properties

3. A combination of structure and creating a prototype categories: advantages: the method will only have a category one, will not produce a large number of methods, attributes not shared at the same time; shortcomings: the definition of separation of properties and methods are not too good.

Java code

/ / Structure and prototype to create a combination of categories: advantages: the method will only have a category one, will not produce a large number of methods, attributes not shared at the same time; shortcomings: the definition of separation of properties and methods are not too good.
function User () (
this. username = "zhangsan";
)
User.prototype.say = function () (
alert ( "username:" + this. username);
)
var user = new User ();
alert (user.username);

// Structure and prototype combination modes to create class  : Advantages  : The method of the class will only produce one, do not generate large amounts of method  , At the same time property is also not shared  ; Disadvantages  : Properties and methods defined separately is not too good.  
function User(){
	this.username = "zhangsan";
}
User.prototype.say = function(){
	alert("username: " + this.username );
}
var user = new User();
alert(user.username);

4. Dynamic prototype method: advantages: the method will only have a category one, will not produce a large number of methods, not yet at the same time share properties, attributes and methods at the same time is not separated from the definition of

Java code

/ / / / Dynamic prototype method: advantages: the method will only have a category one, will not produce a large number of methods, not yet at the same time share properties, attributes and methods at the same time is not separated from the definition of
function User () (
this. username = "zhangsan";
if (typeof User.flag == "undefined") (
alert ( "execute ...");
User.prototype.say = function () (
alert ( "username:" + this. username);
)
User.flag = true;
)
)
var user1 = new User ();// execute ...
var user2 = new User ();// not print execute ..., then create a method only, that is, methods will only produce a
user1.say ();// username

//// Dynamic way of prototype  : Advantages  : The method of the class will only produce one, do not generate large amounts of method  , At the same time property is also not shared  , At the same properties and methods are not defined separately  

function User(){
	this.username = "zhangsan";
	
	if(typeof User.flag == "undefined"){
		alert("execute...");
		User.prototype.say = function(){
			alert("username: " + this.username );
		}
		
		User.flag = true;
	}
}

var user1 = new User();//execute...
var user2 = new User();// Do not print out execute  ... Then the method to create only once, that is, the method would only provide a  
user1.say();//username

Summary:
Structure defined categories: shortcomings: the method of class, each instance will have a target, resulting in a large number of methods; advantages: all instances of objects have a separate class of property, that property is not shared definition of the prototype method categories: Disadvantages: all instances of the object are co-owners of the properties of a class, that is, shared attributes. Advantages: the method will only have a category one, a large number of methods will not produce a combination of structure and creating a prototype categories: advantages: the method will only have a category one, will not produce a large number of methods, attributes not shared at the same time; Disadvantages: properties and not a very good way to separate the definition.
Dynamic prototype method: advantages: the method will only have a category one, will not produce a large number of methods, not yet at the same time share properties, attributes and methods at the same time is not separated from the definition of