js学习九之实现继承特性和多态特性

最新推荐文章于 2022-08-31 11:35:58 发布

java对象999

最新推荐文章于 2022-08-31 11:35:58 发布

阅读量97

点赞数

分类专栏： js 文章标签： js学习九之实现继承特性和多态特性

本文链接：https://blog.csdn.net/qq_40135955/article/details/91448108

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1. Apply() 实现属性和方法的继承；

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
   function Animal(name,age){
       this.name=name;
       this.age=age;
       this.shout=function(){
           alert("我是："+this.name+",今年："+this.age);
       };
       this.action=function(){
           alert("会吃");
       };
   }

   function Dog(name,age){
       Animal.apply(this, [name,age]); //Dog从Animal那里复制一份属性和方法，但是Dog本质上没变
   }

   var jack=new Dog("jack",1);
   alert(jack.name);
   alert(jack.age);
   jack.shout();
   jack.action();
</script>
</body>
</html>

假如注释掉 function Dog(name,age){
Animal.apply(this, [name,age]); //Dog从Animal那里复制一份属性和方法，但是Dog本质上没变
}

加上Dog.prototype=new Animal();//Dog从Animal那里继承属性和方法，它的本质就是动物了

2. 多态特性

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
   function Animal(){
       this.say=function(){
           alert("我是动物");
       };
   }

   function Dog(){
       this.say=function(){
           alert("我是狗");
       };
   }
   Dog.prototype=new Animal();

   function Cat(){
       this.say=function(){
           alert("我是猫");
       };
   }
   Cat.prototype=new Animal();

   function say(animal){
       if(animal instanceof Animal){
           animal.say();
       }
   }

   var dog=new Dog();
   var cat=new Cat();
   say(dog);
   say(cat);
</script>
</body>
</html>

java对象999

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习九之实现继承特性和多态特性

1. Apply() 实现属性和方法的继承；<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www...
复制链接

扫一扫

专栏目录