但是,和其他面向对象语言(如 Java 等高级语言)比,也有很大差异,JS 中没有类或接口的概念,即不能直接定义抽象的类,也不能直接实现继承。不过,为了编程的方便,我们可以在 JS 中模拟类和继承的行为。
创建对象实例或类(虽然没有类的概念,但是可以把用于创建新对象的对象看作类),可以通过构造函数来实现,构造函数就是具有一系列属性和行为作为函数体的函数,可以通过函数参数传入值。它就相当于 Java 中类的构造函数,需要时可以通过 var instanceObj = new ConstructorFunc(para1,para2,...) 来创建对象(实例)。
JS 的对象中还有一个重要概念,即原型。每个对象都有原型,原型也是一个对象,可以看做是构造函数的映像,是创建实例的模型。对象(类)的属性 prototype 即是对原型对象的引用,创建实例后,也有属性 __proto__ 指向原型对象,但该属性是隐含的。
由于不断创造新对象(实例),一级一级的传递原型对象,即可构成原型链。通过原型链,即可实现继承。首先将父类对象的实例给子类的原型 ChildCons.prototype = new ParentCons(),再在子类构造函数中调用父类构造函数将继承的属性初始化。继承的变通方法还有很多,可以参考一些资料。
js当然有类的概念,而且它和java一样,被设计成纯粹的面向对象的语言。js是弱类型语言,但这个并不意味着它没有类的概念。很明显地,我们经常能看到new Date()、new Array()之类的调用。这不就是类吗?
一、定义类
那我们如何在js中自定义一个类呢?其实应该换个说法,我们该怎么获取一个某种自定义类型的对象。
// 自定义类Classfunction Class(){
}
// 实例化Class
var clazz = new Class()
没错,上面就是一个自定义类型对象的获取方式。我们将一个函数视作构造函数,然后配合new关键字调用这个函数,它就会返回某一类型的对象。如果我们执行clazz instanceof Class,返回结果就是true,说明clazz确实是Class类的实例。
基于题主应该对java比较了解,那么我就将上面的js代码翻译成对应的java代码以便理解:
public class Class{}
Class clazz = new Class()
与Java一样,js中所有对象都是默认继承自Object类的,所以无论是js还是java,执行clazz instanceof Object返回的都是true。
二、成员变量
我们知道,所谓成员变量,是指这个类的实例对象具有哪些属性。先看看Java中如何定义成员变量:
public Class {public String name
public int length = 0
}
然后对照js代码:
function Class(){this.name = null
this.length = 0
}
这里引出一个this,在js中,简单来讲,this就是指向当前对象,但实际上js中的this并不好理解,这里也不会试图讲清楚js中this怎么用。