JavaScript中的Java式继承

JavaScript中的Java式继承

在面向对象编程中，类是核心部分。在JavaScript面向对象编程中没有提供定义类的方式(java提供了class关键字来定义一个类)，但是在JavaScript中可以通过其它方式来模拟类。下面我们就来讲一下怎样在JavaScript中模拟类。注:以下内容是学习《JavaScript 权威指南 第六版》9.3节的学习笔记。

如果你有过java或其它强类型面向对象语言的开发经营，在你的脑海中，类成员的模样可能是这样：
实例字段：它们是基于实例的属性和变量，用以保存独立对象的状态。
实例方法：它们是 类的所有实例共享的方法，由每个独立的实例调用。
类字段(相当于静态字段)：这些属性是属于类的，而不是属于类的某个实例。
类方法(想当于静态方法)：这些方法是属于类的，而不是属于类的某个实例。
为了便于理解以上内容，我们用java代码实现一个 表示值范围的类，然后再用JavaScript来实现。
表示值范围的类(java版)

package cn.com.hitsoftware;

import java.util.ArrayList;
import java.util.Arrays;

public class Range {
//数据成员(属性)
private int from;	//"范围对象"的起始位置
private int to;		//"范围对象"的开始位置

//构造函数
public Range(int from,int to) throws Exception{
if(from<Range.minFrom || to>Range.maxTo)
throw new Exception(from+"~"+to+"超出了对象所能表示的范围");
this.from = from;
this.to = to;
}

//数据方法
/**
* x在范围之内返回true，否则fasle
*/
public boolean includes(int x){
return from<=x && x<=to;
}
/**
* 返回范围内的所有数据
*/
public ArrayList<Integer> foreach(){
ArrayList<Integer> array = new ArrayList<Integer>();
for(int i=from;i<to;i++)
array.add(i);
return array;
}
/**
* 返回表示这个范围的字符串
*/
public String toString(){
return "("+from+"..."+to+")";
}

//(3)类字段
public static final int minFrom = 1;	//"范围对象"的起始位置最小值
public static final int maxTo = 1000;	//"范围对象"的起始位置最大值

//(4)类方法
/**
* 已数组中元素的最大值和最小值最创建一个"范围对象"
*/
public static Range getRangeByArray(int[] array) throws Exception{
Arrays.sort(array);
return new Range(array[0],array[array.length-1]);
}

public static void main(String [] args){
try {
Range r1 = new Range(1,1000); //(1)from、to就是 r1的实例字段,来标示每个实例独有的from和to(虽然是私有不能通过实例来访问)
System.out.println(r1.toString());//(2)这里toString就是r1实例的方法 (

int[] array = {2,2,1,64,44,90,12};
Range r2 = Range.getRangeByArray(array);
System.out.println(r2.toString());
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}

}

表示值范围的类(JavaScript版)
在JavaScript中模拟类需要用到JavaScrpt中的构造函数、原型对象和实例的的知识。这里对这个三个知识点进行简单的概括：
构造函数：构造函数为JavaScript定义了类名。添加到构造函数对象的属性就是类字段和方法(如果属性值是函数的话就是类方法)。
原型对象：原型对象上的属性和方法会被所有实例继承。属性会被类的当做实例字段来调用，方法会被类实例当做实例方法来调用。
这里插一句。共享属性和方法都放在原型对象上。每个实例独有的状态(对本例来讲就是from和to)都放在构造函数中，这样每次new 构造函数都会初始独有的状态。
实例对象：每个实例都是一个独立的对象。直接在实例上定义属性是不会为其它实例共享的。

//实现一个表示值范围的类
//定义个表示值范围的类
function Range(from,to){
if(from<Range.minFrom || to>Range.maxTo)
throw new TypeError(Range.minFrom+"~"+Range.maxTo+"超出了对象所能表示的范围");
this.from = from;
this.to = to;
}
//将需要共享的属性和方法放到原型对象上
//这样所有的实例都会共享原型对象上的属性和方法
Range.prototype = {
constructor: Range,
includes: function(x){
return this.from<=x && x<=this.to;
},
foreach: function(){
for(var x=this.from,a=[];x<=this.to;x++) a.push(x);
return a;
},
toString: function(){ return '('+this.from+'...'+this.to+')'; }
}
//(3)类字段
Range.minFrom = 1;
Range.maxTo = 1000;

//(4)类方法
Range.getRangeByArry = function(array){
array.sort(function(a,b){ return a-b });
return new Range(array[0],array[array.length-1]);
}
console.log("测试一===========================");
var r1 = new Range(1,100);
console.log(r1.includes(4));
console.log(r1.foreach());
console.log(r1.toString());
console.log(r1.constructor === Range);

console.log("测试二===========================");
var r2 = Range.getRangeByArry([1,90,45,209,1,5,8,4]);
console.log(r2.includes(4));
console.log(r2.foreach());
console.log(r2.toString());//(2)这里toString()就是实例方法，从原型对象继承来的
console.log(r2.constructor === Range);
console.log("from:"+r2.from+"  to:"+r2.to);//(1)r2.from、r2.to就是实例字段,javascript中没有像java提供private关键字，所有我们能通过实例来访问

javascript没有private关键字将属性定义为私有，但是通过闭包可以模拟私有属性。通过ECMAScript 5的新特性可以实现java中的final关键字，让属性只读，不允许修改。