JS笔记2 --定义对象

16.javascript中定义对象的几种方式（javascript中没有类的概念，只有对象）：

1）基于已有对象扩充其属性和方法：

var object = new Object();
object.name = "zhangsan";
object.sayName = function(name){
　　this.name = name;
　　alert(this.name);
}
object.sayName("lisi");

2）工厂方式：

//工厂方式创建对象
function createObject(){
 
　　var object = new Object();
 
　　object.username = "zhangsan";
 
　　object.password = "123";
 
　　object.get = function(){
 
　　　　alert(this.username + ", " + this.password);
 
　　}
 
　　return object;
}
 
var object1 = createObject();
 
var object2 = createObject();
 
object1.get();
 
//带参数的构造方法
 
function createObject(username,password){
 
　　var object = new Object();
 
　　object.username = username;
 
　　object.password = password;
 
　　object.get = function(){
 
　　　　alert(this.username + ", " + this.password);
 
　　}
 
　　return object;
}
 
var object1 = createObject("zhangsan","123");
 
object1.get();
 
//让一个函数被多个对象共享，而不是每一个对象拥有一个函数对象
 
function get(){
 
　　alert(this.username + ", " + this.password);
 
}
 
function createObject(username,password){
 
　　var object = new Object();
 
　　object.username = username;
 
　　object.password = password;
 
　　object.get = get;
 
　　return object;
}
 
var object1 = createObject("zhangsan","123");
 
var object2 = createObject("lisi","456");
 
object1.get();
 
object2.get();

3）构造函数方式：

function Person(){
 
　　//在执行第一行代码前，js引擎会为我们生成一个对象
 
　　object.username = "zhangsan";
 
　　object.password = "123";
 
　　object.getInfo = function(){
 
　　　　alert(this.username + ", " + this.password);
 
　　}
 
　　//此处有一个隐藏的return语句，用于将之前生成的对象返回
 
}
 
var person = new Person();
 
person.getInfo();
 
//可以在构造对象时传递参数
 
function Person(username,password){
 
　　//在执行第一行代码前，js引擎会为我们生成一个对象
 
　　object.username = username;
 
　　object.password = password;
 
　　object.getInfo = function(){
 
　　　　alert(this.username + ", " + this.password);
 
　　}
 
　　//此处有一个隐藏的return语句，用于将之前生成的对象返回
 
}
 
var person = new Person("zhangsan","123");
 
person.getInfo();

4）原型 （"prototype"）方式：

//使用原型 （prototype）方式创建对象
 
function Person(){
 
}
 
Person.prototype.username = "zhangsan";
 
Person.prototype.password= "123";
 
Person.prototype.getInfo = function(){
 
　　alert(this.username + ", " + this.password);
}
 
var person1 = new Person();
 
var person2 = new Person();
 
person1.username = "lisi";
 
person1.getInfo();
 
person2.getInfo();
 
//
function Person(){
 
}
 
Person.prototype.username = new Array();
 
Person.prototype.password= "123";
 
Person.prototype.getInfo = function(){
 
　　alert(this.username + ", " + this.password);
 
}
 
var person1 = new Person();
 
var person2 = new Person();
 
person1.username.push("zhangsan");
 
person1.username.push("lisi");
 
person1.password= "456";
 
person1.getInfo();
 
person2.getInfo();
 
//使用原型 + 构造函数方式来定义对象
 
function Person(){
 
　　this.username = new Array();
 
　　this.password= "123";
 
}
 
Person.prototype.getInfo = function(){
 
　　alert(this.username + ", " + this.password);
 
}
 
var person1 = new Person();
 
var person2 = new Person();
 
person1.username.push("zhangsan");
 
person2.username.push("lisi");
 
person1.getInfo();
 
person2.getInfo();

5）动态原型方式：在构造函数中通过标志量让所有对象共享一个方法，而每个对象拥有自己的属性。

function Person(){　
 
　　this.username = new Array();
 
　　this.password= "123";
 
　　if(typeof Person.flag == "undefined"){
 
　　　　alert("invoked");　　
 
　　　　Person.prototype.getInfo = function(){
 
　　　　　　alert(this.username + ", " + this.password);
 
　　　　}
 
　　　　Person.flag = true;
　　}
 
}
 
var person1 = new Person();
 
var person2 = new Person();
 
person1.getInfo();
 
person2.getInfo();