面向对象的JavaScript

JavaScript定义类的方式有以下几种：

一、通过工厂方法定义类

function createObject(username, password) { var obj = new Object(); obj.username = username; obj.password = password; //通过这种方式定义的方法，每创建一个对象就会生成一个方法，这跟Java中同一个类 //的多个对象共享一个方法是不一样的，也可以将方法定义在外面，但是这就将类和其 //方法分离开，显得不是很直观 obj.userInfo = function () { alert("UserInfo: \nusername :" + this.username + "\npassword :" + this.password); } return obj; } var user = createObject("岂必消无踪", "尘间多少事"); user.userInfo();

二、通过构造方法

function Person(username, password, age) { this.username = username; this.password = password; this.age = age; this.personInfo = function () { alert("详细信息:\n用户名：" + username + "\n密码：" + password + "\n岁月：" +age); } } var per = new Person("夜玫瑰", "kitty", 21); var per2 = new Person("叶倾城", "meng", 18); per.personInfo(); per2.personInfo();

三、通过原型方式创建类prototype,所有对象共享同一属性

function Person() { } Person.prototype.loc = new Array(); Person.prototype.nickname = "路是月的痕"; Person.prototype.sayByeBye = function () { alert("详细信息:\n用户名：" + this.nickname + "\n所属门派：" + this.loc); } var per1 = new Person(); var per2 = new Person(); per1.loc.push("无名小卒"); per1.sayByeBye(); per2.sayByeBye();

四、混合的构造函数与原型方式（推荐定义的方式）,可以解决多个对象实例共享同一属性变量的情况，对属性定义采用构造方法方式，方法定义采用原型方式

function Person() { this.loc = new Array(); this.nickname = "尘缘"; } Person.prototype.info = function() { alert("详细信息:\n用户名：" + this.nickname + "\n所属门派：" + this.loc); } var per1 = new Person(); var per2 = new Person(); per1.loc.push("伤心小箭"); per2.loc.push("海裳朵朵"); per2.nickname = "岁考"; per1.info(); per2.info();

五、动态的原型方式

function Person() { this.nickname = "五竹"; this.loc = new Array(); if(typeof Person.flag == "undefined") { //alert("ok"); Person.prototype.info = function () { alert("详细信息:\n用户名：" + this.nickname + "\n所属门派：" + this.loc); } Person.flag = "true"; } } var p1 = new Person(); var p2 = new Person(); p1.loc.push("天一神水"); p1.info(); p2.info();