javascript面向对象中继承实现？

电玩女神 2021-12-23 12:19 198阅读 0赞

面向对象的基本特征有：封闭、继承、多态。

在JavaScript中实现继承的方法：

1. 原型链（prototype chaining）

2. call()/apply()

3. 混合方式(prototype和call()/apply()结合)

4. 对象冒充

继承的方法如下：

1、prototype原型链方式：

function teacher(name){
        this.name = name;
    }
    teacher.prototype.sayName = function(){
        console.log("name is "+this.name);
    }
    var teacher1 = new teacher("xiaoming");
    teacher1.sayName();
    
    function student(name){
        this.name = name;
    }
    student.prototype = new teacher()
    var student1 = new student("xiaolan");
    student1.sayName();
    //  name is xiaoming
    //  name is xiaolan

2、call()/apply()方法

function teacher(name,age){
        this.name = name;
        this.age = age;
        this.sayhi  = function(){
          alert('name:'+name+",  age:"+age);
       }
    }
    function student(){
      var args = arguments;
      teacher.call(this,args[0],args[1]);
      // teacher.apply(this,arguments);
    }
    var teacher1 = new teacher('xiaoming',23);
    teacher1.sayhi();
    
    var student1 = new student('xiaolan',12);
    student1.sayhi();
    
    // alert: name:xiaoming,  age:23
    // alert: name:xiaolan,  age:12

3、混合方法【prototype,call/apply】

function teacher(name,age){
       this.name = name;
       this.age = age;
    }
    teacher.prototype.sayName = function(){
       console.log('name:'+this.name);
    }
    teacher.prototype.sayAge = function(){
       console.log('age:'+this.age);
    }
    
    function student(){
      var args = arguments;
      teacher.call(this,args[0],args[1]);
    }
    student.prototype = new teacher();
    
    var student1 = new student('xiaolin',23);
    student1.sayName();
    student1.sayAge();
    // name:xiaolin
    // age:23

4、对象冒充

function Person(name,age){
       this.name = name;
       this.age = age;
       this.show = function(){
             console.log(this.name+",  "+this.age);
       }
    }
    
    function Student(name,age){ 
       this.student = Person;       //将Person类的构造函数赋值给this.student
       this.student(name,age);   //js中实际上是通过对象冒充来实现继承的
       delete this.student;           //移除对Person的引用
    }
    
    var s = new Student("小明",17);
    s.show();
    
    var p = new Person("小花",18);
    p.show();
    // 小明,  17
    // 小花,  18

.

转载于:https://www.cnblogs.com/crazycode2/p/10519813.html

发表评论取消回复

表情：

评论列表（有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript面向对象继承方法

　JavaScript的出现已经将近20多年了，但是对这个预言的褒贬还是众说纷纭。很多人都说JavaScript不能算是面向对象的变成语言。但是JavaScript的类型...

叁歲伎倆/ 2024年04月20日 11:11/ 0 赞/ 73 阅读

相关【JavaScript】面向对象继承

目录一、前言二、问题是最好的老师 1、为什么要使用继承 2、如何实现继承三、面向对象继承方式 1、借用构造函

梦里梦外;/ 2024年02月05日 19:31/ 0 赞/ 41 阅读

相关 Javascript中JSON对象继承实现

1. 关于JSON对象浅拷贝的实现 1.1 函数的实现 / Json对象的浅拷贝返回具有父类属性的新的child对

超、凢脫俗/ 2022年06月18日 08:13/ 0 赞/ 246 阅读

相关面向对象-继承

继承： 1、提高了代码的复用性 2、让类与类之间产生了关系，有了这个关系，才有了多态的特性。注意：千万不要为了获取其他类的功能，简化代码而继承。必

比眉伴天荒/ 2022年05月30日 08:17/ 0 赞/ 330 阅读

相关面向对象——继承

继承的特点 1，描述类与类之间的关系 2，降低类和类之间的重复代码 3，降低对象和对象之间的代码重复使用静态变量 4，降低类与类之间的代码重复使用就用继承

墨蓝/ 2022年05月22日 13:28/ 0 赞/ 355 阅读

相关 JavaScript面向对象之继承（下）

原型式继承这种继承方式没有使用严格意义上的构造函数，借助原型还可以基于已有的对象创建新对象，同时还不必因此创建自定义类型 function object(o)

客官°小女子只卖身不卖艺/ 2022年04月10日 08:00/ 0 赞/ 248 阅读

相关 JavaScript面向对象之继承 (上)

原型链继承我们再通过前几篇的例子再了解下原型链继承 //创建自定义构造函数 function Person() { this.nam

╰半橙微兮°/ 2022年04月10日 07:58/ 0 赞/ 265 阅读

相关 javascript面向对象中继承实现？

面向对象的基本特征有：封闭、继承、多态。在JavaScript中实现继承的方法： 1. 原型链（prototype chaining） 2. call()/apply(

电玩女神/ 2021年12月23日 12:19/ 0 赞/ 199 阅读

相关面向对象的Javascript - 通过原型(Prototype)实现继承

Prototype的使用方式 -------------------- Prototype(原型)是Javascript中实现对象继承的基础方式，使用方式为 \[fun

ゝ一纸荒年。/ 2021年12月05日 15:51/ 0 赞/ 299 阅读

相关面向对象，继承

今日类容 1.什么是继承 2.继承的基本语法 3.继承与抽象 4.属性的查找顺序 5.派生与覆盖 6.如何实现一个可以限制元素的类型的列表 7.子类访问父类的内容

系统管理员/ 2021年11月16日 05:32/ 0 赞/ 486 阅读