JS如何定义一个‘类’?

Javascript(JS)是一个脚本语言,在网页开发中有很重要的作用 。 它能够像Java,.NET这些高级语言一样,可以定义类吗?我们可以用JS的phototype来模拟定义一个类,下面一起来看下 。 操作方法 01 我们先用function来定义一个对象:people,该对象有一个属性,叫name,代码如图 。

JS如何定义一个‘类’?



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

JS如何定义一个‘类’?



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

JS如何定义一个‘类’?



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

JS如何定义一个‘类’?



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

JS如何定义一个‘类’?



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

JS如何定义一个‘类’?



07 【JS如何定义一个‘类’?】一个类,我们可以用new关键字创建出多个实例,每个实例间的属性是不会相互影响的,代码如图,创建了二个实例 。

JS如何定义一个‘类’?



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

JS如何定义一个‘类’?





以上内容就是JS如何定义一个‘类’?的内容啦,希望对你有所帮助哦!

    猜你喜欢