JS 原型继承的几种方法

最新推荐文章于 2020-10-17 17:41:42 发布
最新推荐文章于 2020-10-17 17:41:42 发布
阅读量54 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/zsongs/p/5592518.html
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">

    function Person() {
        this.name = '老王';
        this.age = 40;
        
    }
    Person.prototype.showName = function () {
        // alert(this.name);
        alert(this.age);
    };

    function Person1() {
        Person.call(this);
    }
    /*
    ** 方法一 类式继承
    **
    */
    // var F = function () {};
    // F.prototype = Person.prototype;
    // Person1.prototype = new F();
    // Person1.prototype.constructor = Person1;

    /*
    ** 方法二 类式继承2
    **
    */
    // Person1.prototype = Person.prototype;
    // Person1.prototype.constructor = Person1;

    /*
    ** 方法三 拷贝继承
    **
    */
    // extend( Person1.prototype, Person.prototype );
    // function extend( obj1, obj2 ) {
    //     for( var attr in obj2 ){
    //         obj1[attr] = obj2[attr];
    //     }
    // }
    /*
    ** 方法四 原型继承
    **
    */
    var a = {
        age : 1000
    };

    var b = Inherit(a);
    b.age = 24;
    alert(b.age);

    function Inherit(obj) {
        var F = function () {};
        F.prototype = obj;
        return new F();
    }


    // var p1 = new Person1();
    // p1.showName();
    </script>
</body>
</html>

　　

转载于:https://www.cnblogs.com/zsongs/p/5592518.html

weixin_30653097
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js原型与常见的继承方式
Derlta的博客
10-01 590
本文主要是以图文的方式去理解js原型的指向关系以及js的常见继承方式。 前言 任何函数在被创建时，都会被附带一个新创建的原型对象。 原型和实例的关系：每个构造函数附带一个原型对象prototype，原型有一个constructor指向构造函数，实例对象有一个__proto__属性指向原型prototype。 普通函数的原型具有两面性，当作为实例对象时，它的原型(__proto__)指向Function构造函数的原型对象，当作为构造函数时，它的原型(prototype)指向自身创建的原型对象。 一.
js原型继承的几种方式
weixin_30583563的博客
06-27 59
1. 原型链继承 2，构造函数继承（对象冒充继承） 3，组合继承（原型链继承+构造函数继承） 4，原型式继承 5. 寄生组合式继承 一。原型链继承 function Show(){ this.name="run"; } function Run(){ this.age="20"; //Run继承了Show,通过原型，形成链条 } Run.prototype=new ...
JS 总结之原型继承的几种方式
weixin_33757609的博客
12-23 119
在之前的总结中，我们详细分析了原型《JS 总结之原型》，原型很大作用用于模拟继承，这一次，我们来聊原型继承的几种方式。 function Person (age) { this.age = age || 18 } Person.prototype.sleep = function () { console.log('sleepi...
JS原型继承的几种方式
dishuyin5924的博客
04-04 180
平时不怎么用的一些知识，过段时间就开始模糊不清了，这已经不知道是第几次再回头来看原型继承的方式了，索性重新整理一遍，方便下次回顾，若有不正确或需要补充的欢迎留言 在ES6之前，JS实现继承的方式不止一种，因为 JavaScript 中的继承机制并不是明确规定的，而是通过模仿实现的。 下面整理几种常见的继承方式： 对象冒充 - 使用最原始的方法 function Person(name)...
JavaScript 原型继承之构造函数继承
10-28
JavaScript中的构造函数继承是基于原型继承的一种实现方式，它允许一个构造函数（子类）从另一个构造函数（父类）那里继承属性和方法。在JavaScript中，每个对象都有一个[[Prototype]]内部属性，通常通过`__proto__`...
JavaScript中的几种继承方法示例
01-18
1.原型链继承 原理: 子类原型指向父类实例对象实现原型共享,即Son.prototype = new Father()。 这里先简单介绍下原型 js中每个对象都有一个__proto__属性，这个属性指向的就是该对象的原型。js中每个函数都有一个...
javascript的几种继承方法介绍
11-28
1.原型链继承：构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。确认原型和实例之间的关系用instanceof。 原型链继承...
再谈javascript原型继承
10-25
Javascript原型继承是一个被说烂掉了的话题，但是自己对于这个问题一直没有彻底理解，今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法，下面来一一说明下，在最后我根据自己的理解提出了一...
JS实现继承的几种常用方式示例
10-16
JavaScript中的继承是面向对象编程的重要概念，它允许创建基于现有对象的新对象，这些新对象能够继承已有对象的属性和方法。在JavaScript中，有多种实现继承的方式，主要包括原型链继承、构造继承、组合继承以及寄生...
js原型继承的几种方法
Anles的博客
10-18 3536
原型继承 首先创建一个构造函数，并为其设置私有属性和公有属性。 // 定义一个人类 function Person (name) { // 属性 this.name = name; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); ...
js原型继承的几种方式（简单理解）
niepan990810的博客
10-17 2960
js原型继承的几种方式 原型链继承 构造函数继承（对象冒充继承） 组合继承（原型链继承+构造函数继承） 原型式继承 寄生组合式继承 1.原型链继承 什么是原型链？？？ 这里是我找到的几个比较清楚的图片 众所周知，每个构造函数都有一个原型对象，原型对象都包括一个指向构造函数的指针，而实例都包括一个指向原型对象的内部指针，如果我们将原型对象等于另一个构造函数的实例，此时的原型对象将包含一个指向另一个原型的指针，层层递进就形成了原型链。 function superf() { this.name
【前端Js】原型继承的几种方式
程序猿开发日志【学习永无止境】
10-16 760
原型继承 父级： function Parent(name){ this.name=name; } Parent.prototype.sayHello=function(){ console.log("Hello,"+this.name); }   原型链继承function Kid(){}; Kid.prototype=new Pa
javascript 的七种继承方式（四）原型式继承
lixiaosenlin的专栏
08-20 4692
前言 .前面我们已经介绍了JavaScript的三种继承方式：原型链，借用构造函数已经二者的组合继承。其中第三种组合继承最为常用。因为我们知道它结融合了原型链和借用构造函数的有点，隐藏了自己各自的缺点，最终实现了相对比较完美的继承方式。接下来我们要介绍js中的第四中继承方式——原型式继承。 原型式继承 曾经有人提出了另一种实现继承的方法，这种方法并没有使用严格意义上的构造函数，而是借助原型可以基于已有的对象来创建一个新对象， 同时还不必因此创建自定义类型。下面我们来看一段代码 function o
JS中继承的几种方式
热门推荐
刘运召的博客
05-11 1万+
JS中继承的几种方式
javascript原型继承（第五篇）---几种继承方式的优缺点
爱看书的昌 的博客
10-10 1308
在讲几种继承方式的优缺点之前，先给大家介绍一下在javascript中对各种属性的分类 在javascript中，数据分为简单数据和复杂数据，简单数据在对象里称为基本属性，而数组，函数在对象里称为引用属性（数组，函数其实都是对象） 对此不太清楚的，可以参考我之前的博客 javascript数据类型下面具体介绍一下在对象里各种属性的分类function Fun(){ // 私有属性
javascript有几种继承方式
最新发布
04-29
在JavaScript中，有以下几种继承方式： 1. 原型链继承：利用原型链实现继承。缺点是子类不能向父类构造函数传递参数。 2. 构造函数继承：在子类的构造函数中调用父类构造函数，并使用call或apply方法将父类的属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值