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

JavaScript013

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。

javascript是一个“基于对象”的编程语言,不是面向对象的编程语言。

你要知道javascript中的function定义的函数实际上就是Function对象实例。

例如:

function demo(x){

alert(x)

}

实际上等价于:

Function demo = new Function("x","alert(x)")

所以你如果想要用javascript来模拟面向对象编程(例如Java的类),那么就可以用function来模拟Class,用function的原型prototype或者嵌套function来模拟类的方法或者属性。下面给你一个简单的例子:

//模拟学生类,可以带参数,例如initName

function Student(initName){

var name = initName//模拟学生类的属性name

}

Student.prototype.printName = function(){ //定义Student类prototype中的printName函数

alert(this.name)

}

测试时可以这样写:

var student = new Student("张三")//创建一个“Student对象”,实际上是一个Function实例对象

student.printName() //执行student对象的printName函数