美文网首页
JS-Object 原型式继承

JS-Object 原型式继承

作者: Remeo | 来源:发表于2018-03-14 18:17 被阅读0次

如何创建一个继承自另一个对象的JavaScript对象呢?

  1. 定义一个只定义了一些属性的Person构造器
function Person(first, last, age, gender, interests){
  this.name = {
    first,
    last
  };
  this.age = age;
  this.gender = gender;
  this.interests = interest;
}
  1. 所有方法都定义在构造器的prototype属性上。
Person.prototype.greeting = function(){
  alert('Hi! I \'m ' + this.name.first + '.');
}
  1. 创建一个Teacher类,这个类会继承Person的所有成员,同时页包括:
    • 一个新的属性,subject--这个属性包含了教师教授的科目
    • 一个被更新的greeting()方法,这个方法打招呼听起来比一般的greeting()更正式一点。
function Teacher(first, last, age, gender, interests, subject){
  Person.call(this, first, last, age, gender, interests);
  this.subject = subject;
}
  1. Teacher() 从Person()的原型对象里继承方法:
    Teacher.prototype = Object.create(Person.prototype);
    现在Teacher()prototypeconstructor属性指向的是Person().
  2. 这或许会造成很大的问题,所以我们需要将其正确的设置--在底下加上一行代码来解决:
    Teacher.prototype.constructor = Teacher;

相关文章

  • JS-Object 原型式继承

    如何创建一个继承自另一个对象的JavaScript对象呢? 定义一个只定义了一些属性的Person构造器 所有方法...

  • 关于继承

    继承的实现方法 属性拷贝 浅拷贝 深拷贝 原型继承 原型式继承 原型链继承 组合继承(深拷贝+优化后的原型式继承)...

  • JavaScript 面向对象编程

    对象的创建 继承 原型式继承: 原型式继承,其本质是执行对给定对象的浅复制。原型链:{currentObject}...

  • 原型式继承

    设计思想:没有使用严格的构造函数,必须有一个对象可以作为另一个对象的基础,将源对象传入Object.create(...

  • 原型式继承

    基本思想:没有使用构造函数,借助原型可以基于已有的对象创建新对象,同时还不必创建自定义类型 优点: 想让一个对象与...

  • 二、js继承的几种方式及优缺点

    1、继承:原型链、借用构造函数、组合继承、原型式继承、寄生式继承、寄生组合继承

  • js继承

    原型继承 借用构造函数 组合继承 原型式继承 ECMAScript5 中已经规范这种继承方式: 寄生式继承

  • 【重学前端】JavaScript中的继承

    JavaScript中继承主要分为六种:类式继承(原型链继承)、构造函数继承、组合继承、原型式继承、寄生式继承、寄...

  • js之继承

    文章主讲 JS 继承,包括原型链继承、构造函数继承、组合继承、寄生组合继承、原型式继承、 ES6 继承,以及 多继...

  • js继承方式

    类式继承 构造函数继承 组合继承 类式继承 + 构造函数继承 原型式继承 寄生式继承 寄生组合式继承 寄生式继承 ...

网友评论

      本文标题:JS-Object 原型式继承

      本文链接:https://www.haomeiwen.com/subject/xggpfftx.html