JavaScript中类的使用

作为Extjs 使用的前提，JavaScript中类的概念是必不可少的。

 

 ①定义一个类

 /*①定义一个类两个属性id,namethis表示当前对象列出属性的同时必须赋初值,这样才会被认为是属性*/function Customer() { this.id = 0; this.name = '';}//创建实例var customer1 = new Customer();customer1.id = '101';customer1.name = 'Customer1';//对实例的调用，结构为 101alert(customer1.id);alert(customer1.name);

 

②字段的公有和私有

/*②字段的公有和私有var定义的为私有this定义的为公有*/function Customer() { this.id = 0; this.name = ''; var Sex = '男';}var customer1 = new Customer();customer1.id = '101';customer1.name = 'Customer1';alert(customer1.id);alert(customer1.name);//出力为undefinedalert(customer1.Sex);

 

③方法的公有和私有

/*③方法的公有和私有var定义的为私有方法this定义的为公有方法*/function Customer() { this.id = 101; this.name = 'Customer101'; var Sex = '男'; //公有方法 this.ShowName = function() { alert(ShowSex()); } //私有方法,只有类内部变量可以调用 var ShowSex = function(msg) { return Sex; }}var customer1 = new Customer();customer1.ShowName();

 

④使用prototype关键字扩展类

/*④使用prototype关键字扩展类一，prototype可以用来重写JavaScript内置方法二，prototype可以用来扩展自定义的类*/////一，prototype对substr方法的重写String.prototype.substr = function(start) { //从开始字符取固定取5位 return this.substring(start, 5);}var str = 'Hello everyone';alert(str.substr(0));//结果 Hello//二，prototype用来扩展自定义的类//使用prototype定义的类都是公有的function Customer() { this.id = 0; var Sex = '男'; this.ShowSex = function(msg) { return Sex; } }Customer.prototype.name = 'Customer101';Customer.prototype.ShowName = function() { alert(this.ShowSex()); }var customer1 = new Customer();customer1.ShowName();//结果 男

 

⑤类的构造函数

/*⑤类的构造函数可以用传递参数的方式，构建构造函数需要注意，少参数的时候，变量会被赋值为undefined*/function Customer(id,name,Sex) { this.id = id; this.name = name; var Sex = Sex;}var customer1 = new Customer(101, 'Customer101', '女');alert(customer1.name);

 

⑥静态方法和静态属性

/*⑥静态方法和静态属性定义了类之后，在类的外部使用类名可以定义静态方法和属性*/function Customer(id,name,Sex) { this.id = id; this.name = name; var Sex = Sex; //每次New定义新的实例之后，Count被自动累加 Customer.Count++; Customer.LastNewTime();}//定义静态变量Count记录用户数量Customer.Count = 0;//定义静态方法,记录最后一个实例生成的时间Customer.LastNewTime = function() { alert(new Date().toTimeString()); }var customer1 = new Customer(101, 'Customer101', '女');alert(Customer.Count);var customer2 = new Customer(102, 'Customer102', '男');alert(Customer.Count);var customer3 = new Customer(103, 'Customer103', '女');alert(Customer.Count);

 

⑦类的继承

/*⑦类的继承定义了类之后，创建一个实例，为这个实例添加新的属性和方法后再返回这个实例对象，就完成了对类的继承。 */function Customer(id,name,Sex) { this.id = id; this.name = name; var Sex = Sex;}//定义一个Guest类，继承自Customer类//为Guest扩展自己的字段allow（记录是否被允许）function Guest() { var guest = new Customer(0, 'Guest', '未知'); guest.Allow = true; guest.SetAllow = function(bool) { this.Allow = bool; } //返回实例 return guest;}var guest1 = new Guest();guest1.SetAllow(false);alert(guest1.Allow);

 

 补充说明

/*补充可以用 var 简单的声明一个对象，它只有一份拷贝，你不能像实例化类对象一样对它采用new操作，这样就极大的限制了对象的重用，除非你建立的对象只需要一份拷贝，否则考虑用其他方法建立对象如下*/var Customer ={ 'id': 101, 'name': 'Customer', 'Sex': '男', 'GetSex': function(msg) { return this.Sex; }, 'ShowName': function() { alert(this.GetSex()); }}Customer.ShowName();