js面向对象

写道

1、js区别于java的特性还有：实例化类对象时，如果不传递参数，则可以省略括号，如：
var object = new Object;
var string = new String;
var date = new Date;

当然也可以写成带括号的，如：
var object = new Object();

建议带括号，以符合java模式

以上Object、String、Date等都是内置类，即本地类

2、数组的两种呈现方式：数组类Array及[]
var array = new Array();//array为数组类实例对象，也就是数组
array.push(1);
array.push(2);
array.push(3);

alert(array.length);//结果：3 数组类Array有length属性

var array = [];
array.push(1);
array.push(2);
array.push(3);

var array = [1,2,3];

以上3种情况结果都一样，第3种用的最常见

3、早绑定和晚绑定：js都是晚绑定，java都是早绑定

4、js中类的定义方式：
A、工厂方式定义类
第一种方式：
function createObject(username,password){
var object = new Object();
object.username = username;
object.password = password;
//多个对象就会有多个匿名对象（也就是匿名方法）产生
object.get = function(){
//此时，this指向的是当前对象，即object
alert("username: " + this.username + "\npassword:" + this.password);
};
return object;
}
var o1 = createObject("zhangsan","123456");
o1.get();

第二种方式：
function get(){
//此时，this指向的是调用get方法的对象
alert("username: " + this.username + "\npassword:" + this.password);
}

function createObject(username,password){
var object = new Object();
object.username = username;
object.password = password;
//不管有几个对象产生，get方法（对象）只产生一个
object.get = get;
return object;
}
var o1 = createObject("zhangsan","123456");
o1.get();

B、构造函数方式定义类
第一种方式：
function Person(username,password){
//new Person时会产生一个对象，this就会指向这个对象，并且会将这个对象返回，因此当new Person时能得到对象
this.name = username;
this.password = password;
this.get = function(){
//多个Person对象就会有多个匿名对象（也就是匿名方法）产生
alert("username: " + this.username + "\npassword:" + this.password);
};
}
var o1 = new Person("zhangsan","123456");
o1.get();

第二种方式：
function get(){
//此时，this指向调用get方法的对象
alert("username: " + this.username + "\npassword:" + this.password);
}

function Person(username,password){
//new Person时会产生一个对象，this就会指向这个对象，并且会将这个对象返回，因此当new Person时能得到对象
this.name = username;
this.password = password;
//不管有几个对象产生，get方法（对象）只产生一个
this.get = get;
}
var o1 = new Person("zhangsan","123456");
o1.get();

C、原型方式创建类：prototype，prototype是每个类或每个对象都具有的属性，可以通过对prototype来实现对类或对象的属性或方法的追加
特点：不管产生多少个实例对象，其追加的方法只产生一次
function Person(){
}
Person.prototype.username = "zhangsan";//Person.prototype.username = new Array();
Person.prototype.password = "123";
Person.prototype.get = function(){
alert("username: " + this.username + "\npassword: " + this.password);
}
var person = new Person();
var person2 = new Person();
//person.username.push("zhangsan");
person.get();
person2.get();

弊端1：不能通过在new的时候给予不同的初始化值
弊端2：如果prototype中的一个属性的值是一个对象，而不是一个字符串，比如数组，那么当一个实例对象对这个数组进行了操作后，其他的实例对象也会受到影响，因为他们的同一个属性值都是指向了同一个数组对象。

D、混合的构造函数与原型方式：属性采用构造函数方式定义，方法采用原型方式定义
特点1：每个实例对象的属性值互不影响，即同名的属性其值都是指向了不同的数据或对象。
特点2：能够实现每个实例对象在构造时就能传递初始化信息
特点3：每个实例对象共享方法，即每个实例对象的同名方法都是指向同一个匿名方法，即这个匿名方法不会因对象的创建而产生多个，它就只有一个
弊端：类定义中属性和方法定义分开，整体性欠缺

第一个示例：
function(){
this.username = new Array();
this.password = "123";
}
Person.prototype.get = function(){
alert("username: " + this.username + "\npassword: " + this.password);
}
var p = new Person();
p.username.push("zhangsan");
var p2 = new Person();
p.get();
p2.get();

第二个示例：
function Person(username,password){
this.username = username;
this.password = password;
}
Person.prototype.get = function(){
alert("username: " + this.username + "\npassword: " + this.password);
}
var p = new Person("zhangsan","123");
var p2 = new Person("lisi","123456");
p.get();
p2.get();

E、动态的原型方式
function Person(){
this.username = "zhangsan";
this.password = "123";
if(typeof Person.flag == "undefined"){
//使得在创建多个对象时，匿名方法只产生一次
Person.prototype.get = function(){
alert("username: " + this.username + "\npassword: " + this.password);
}
Person.flag = true;
}
}
var person = new Person();
person.get();