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关键字
  • 原神神铸赋形活动攻略
  • 最新版QQ亲密关系绑定怎么弄
  • 柠檬泡椒凤爪的做法
  • 原神凝光攻略(2.2版本)
  • 原神天赋怎么提升
  • 热门搜索
    诚信守法手抄报 清明节英语手抄报内容 初中手抄报图片 有关节约用水的手抄报 法制安全手抄报资料 法制校园手抄报 文明交通我先行手抄报 绿色校园手抄报资料 未来的学校手抄报 书手抄报