js 中如何定义类?如何继承类?

JavaScript023

js 中如何定义类?如何继承类?,第1张

过去一年了啊,LZ找到答案了么

我也是初学,下面我举个简单的例子吧

<html><script language="javascript">

function ClassA(){

this.color = ""

}

function ClassB(){

ClassA.call(this)//this是ClassB的对象

}

var b = new ClassB()

b.color="green"

document.write(b.color+"<br>")//green

</script></html>

定义两个类ClassA、ClassB,ClassB原本没有color这个属性,但是通过call函数将ClassA的东西都放入ClassB中,于是ClassB便继承了ClassA的属性color。

js里面的类就是一个函数

跟java、C#、C\C++定义类有很大的区别

具体的定义一个类可以用下面这种方式

function student(){

}

上面这个方法定义了一个类(当然你也可以说他是定义了一个方法)

可以这样实例化这个类的对象

var stu = new student()

当然了,这个类他没有属性也没有自己的方法

下面再定义一个类,他有自己的一个方法

function student1(){

    this.getAge = function(){

        return 18

    }

}

此时如果实例化一个student1类的对象,该对象会有一个getAge的方法。

接着定义一个类,有自己的初始化操作(相当于类构造函数里面的代码)

function student2(){

    var age = 0

    age = 18        //这句代码和上面那句代码会在实例化该类对象时执行。

    this.getAge = function(){

        return age

    }

}

当然了,js也可以继承,但是在这里就不一一列举了。

js当然有类的概念,而且它和java一样,被设计成纯粹的面向对象的语言。js是弱类型语言,但这个并不意味着它没有类的概念。很明显地,我们经常能看到new Date()、new Array()之类的调用。这不就是类吗?

一、定义类

那我们如何在js中自定义一个类呢?其实应该换个说法,我们该怎么获取一个某种自定义类型的对象。

// 自定义类Class

function 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怎么用。