JS如何定义一个‘类’?

来源:秒知站  本文已影响6.27K人 

Javascript(JS)是一个脚本语言,在网页开发中有很重要的作用。它能够像Java,这些高级语言一样,可以定义类吗?我们可以用JS的phototype来模拟定义一个类,下面一起来看下。

操作方法

(01)我们先用function来定义一个对象:people,该对象有一个属性,叫name,代码如图。

JS如何定义一个‘类’?

(02)然后用phototype为这个对象添加二个方法,setName和 sayHi,其中setName方法是把对象的属性name做修改,用方法传进来的参数赋值。sayHi方法则是在控制台输出信息。

JS如何定义一个‘类’? 第2张

(03)上面二步就相当于定义了一个类了,该类有一个属性,和二个方法。我们用new关键字来创建一个people类的实例:var p1 = new people();然后看是否可以访问到类的属性,代码如图

JS如何定义一个‘类’? 第3张

(04)运行页面,可以看到控制台上有输出类属性的默认值,所以我们的类实例可以直接访问到属性。

JS如何定义一个‘类’? 第4张

(05)然后添加代码,分别调用类的二个方法,如图,看能否通过类的方法来设置属性值。

JS如何定义一个‘类’? 第5张

(06)再次运行页面,可以看到控制台输出信息,也就是说我们调用setName方法成功把属性的值修改了。

JS如何定义一个‘类’? 第6张

(07)一个类,我们可以用new关键字创建出多个实例,每个实例间的属性是不会相互影响的,代码如图,创建了二个实例。

JS如何定义一个‘类’? 第7张

(08)运行页面,从输出中可以看到,二个实例有自己的name属性,各自不影响。

JS如何定义一个‘类’? 第8张
js

相关内容

热门精选