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

JavaScript018

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。

在jsp中,如果需要处理复杂数据时,在上方定义一个java方法是很有效的解决方案,把处理数据的责任推给该方法,然后该jsp页面的主流程就不受影响。当然也可以使用js定义方法来处理,js似乎更善于定义这样的方法来处理前台数据,但有时候jsp和js之间倒腾数据时会出乱码或者报一些找不到对象的错误,因此他们之间的互相传值还是越少越好。

看一看jsp中定义一个字符串处理的方法:

复制代码代码如下:

<%!

String splitString(String str, int a) {

if (str != null &&str.trim().length() >0 &&a >0) {

// 取得该字符串的字节长度

int length = str.getBytes().length

// 全部不包括汉字

if (str.length() == length) {

// 如果截取长度是字符串长度以内,就substring,否则就取这个字符串

if (a <str.length()) {

return str.substring(0, a)

} else {

return str

}

} // 含有汉字

else {

StringBuffer sb = new StringBuffer()

// 截取算法 遍历字符串,并且监测a值

for (int i = 0i <str.length() &&a >0i++) {

// 如果是汉字算2个长度。

if (str.charAt(i) >= '\u4e00' &&str.charAt(i) <= '\u9fa5') {

// 如果是汉字且不是最后一个字符,就加上,否则不加

if (a >1) {

sb.append(str.charAt(i))

a -= 2

}

// 不是汉字只算一个长度

} else {

sb.append(str.charAt(i))

a--

}

}

return sb.toString()

}

}

return "输入有误"

}

%>

该方法的功能是,传入一个字符串和长度,返回截取后的字符串,长度会按照汉字两个、字母数字一个的方式来统计,如果最后一个是汉字,那么这个汉字就放弃掉,绝不能出现半个汉字的情况。

jsp中定义方法,需要注意以下几点:

1,需要使用<%! %>这样的标签包起来,这是jsp中定义变量或者方法的标志。

2,如果在方法中需要使用内置对象out时,一定要在方法的参数列表中传过来,并且要让方法跑出一个IO异常。

3,方法的范围就不要定义了,反正就是内部使用,直接使用缺省范围的就可以了。

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