JavaScript中类的使用

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

 

 ①定义一个类

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