Javascript 类和原型 例子

在JS中，类的所有实例对象都从同一个原型对象上继承属性。因此，原型对象是类的核心

如果定义一个原型对象，然后通过inherit()函数创建一个继承自它的对象，这就定义了一个Javascript类。通常，类的实例还需要进一步的初始化，通过定义一个函数来创建并初始化这个新对象。

<script>
//实现一个表示值的范围的类
function range(from,to) {
	var r = inherit(range.methods);
	r.form = from;
	r.to = to;
	return r;
}

range.methods = {
	includes:function(x){
		return this.from <= x && x <= this.to;
	},
	//对于范围内的每个整数都调用一次f，这个方法只可用做数字范围
	foreach: function(f){
		for(var x = Math.ceil(this.from); x <= this.to; x++) f(x);
	},
	//返回表示这个范围的字符串
	toString:function() {
		return "(" + this.from + "..." + this.to + ")";
	}
}

//例子输出
var r = range(1,3);
r.includes(2);
r.foreach(console.log);
console.log(r);

</script>

浏览器显示报错：

显示 inherit is no defined;

添加以下代码：

//通过原型继承创建一个新对象
function inherit(p) {
    if(p==null)throw TypeError();
    if(Object.create)
            return Object.create(p);
    var t=typeof p;
    if(t!=="object"&&t!=="function")throw TypeError();
    function f() {//定义一个空的构造函数
    }
    f.prototype=p;//将其原型属性设置为p
    return new f();//使用f()
    // 创建p的继承对象
}

运行：