我也是初学,下面我举个简单的例子吧
<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函数
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怎么用。