js之【继承】

最新推荐文章于 2022-11-28 15:23:58 发布

叫我邱球球

最新推荐文章于 2022-11-28 15:23:58 发布

阅读量257

点赞数

分类专栏：有关javascript

本文链接：https://blog.csdn.net/CallMeQiuqiuqiu/article/details/66541265

版权

有关javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在js中有两种继承模型：

1.原型继承

2.组合继承

组合式继承：

组合式继承就是将其他的对象中的成员加到自己身上

例如：

<!DOCTYPE html>
<html lang="zh">
<head>
    <title></title>
    <meta charset="utf-8">
    <script type="text/javascript">
      var o1 = {name:"Tom", age:18,gender:"男"};
      var o2={
          o3:{
            english:130,
                  math: 135,
            chinese:150
          }
      }
      for(var key in o1)      //这个就是组合式继承
      {
          o2[key] = o1[key];
      } 
      alert(o2.name);
    </script>
</head>
<body>
</body>
</html>

由于可以随意的继承其他对象中的行为（方法、属性），因此这个继承方法叫做组合式继承。

---------------------------------------------------------------------------------

原型继承：

如果需要让一个对象有某一个行为（属性或者方法），那么可以考虑将这个行为加载原型对象中，那么这个对象就能继承自原型对象，从而获得该行为。

所谓的原型式继承，就是在对象的原型对象中加东西即可。

那么如何使用原型对象呢？

①利用对象的动态特性添加成员

例如：var o ={};

o.name = ' Jim '; //这就是对象的动态属性

var Person = function(){};
Person.prototype.sayHello = function(){
alert('Hello World!');
}

上述代码中的prototype就是原型中的。

②利用覆盖原型对象

var s = new Person();
s.prototype = {
sayHello : function(){},
sayName : function(){}
};

直接利用对象的形式覆盖掉其中的行为（方法或属性）

③利用组合式继承添加原型成员

原型继承：

所谓的原型式继承，就是在对象的原型对象（prototype）中加东西即可。

叫我邱球球

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js之【继承】

在js中有两种继承模型：1.原型继承2.组合继承组合式继承：组合式继承就是将其他的对象中的成员加到自己身上例如： var o1 = {name:"Tom", age:18,gender:"男"}; var o2={ o3:{ english:130,
复制链接

扫一扫