手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

javascript的继承的使用prototype关键字

时间:2024-10-13 17:55:33

1、这里需要用到JS里面的面向对象的知识,如果你了解一些JS的面向对象的知识之后,下面 的就应该能够很容易理解

javascript的继承的使用prototype关键字

2、首先我们先创建一个html文件,用编辑器打开,然后一个对象,这里我们新建一个如下图的对象

javascript的继承的使用prototype关键字

3、然后我们队这个新建的对象进行实例化,使用var seven=new wolf();,这里前面的对象名是自己随便取的。

javascript的继承的使用prototype关键字

4、这里说的继承只能是通过继承你实例化出来的对象来实现继承

5、既然是说继承,我们这里还需要新建另外一个类来继承我们新建的第一个类,我再新建一个如下图所示的类

javascript的继承的使用prototype关键字

6、我们凸鹣沮北把前面的工作都已经做好了,然后我们通过prototype关键字来实现继承,dog.prototype=seven;这句话就可以使dog类中拥有了wolf中的成员

7、最后一步就是把dog这个对象实例化并打印出来,看看里面的结果var wangcai= new dog(); console.log(wangcai);

javascript的继承的使用prototype关键字

8、我们现在打开浏览器来运行一下,就会发现我们实例化出来的dog对象中不仅仅包含了dog中本来就拥有的对象,还有我们wolf对象中的成员,这里就实现了js的继承

javascript的继承的使用prototype关键字
© 手抄报圈