美文网首页
js如何实现原型继承

js如何实现原型继承

作者: 赵仝 | 来源:发表于2017-11-07 17:20 被阅读0次

code如下:

/**
 * 采用中间函数实现JS_原型继承
 */

function Student (params) {
  this.name = params.name || 'unnamed'
}

function PrimaryStudent (params) {
  Student.call(this, params)
  this.age = params.age || 0
}

// 空函数F

function F () {
}

// 把F函数的原型对象指向Student的原型对象
F.prototype = Student.prototype

// 把PrimaryStudent的原型对象指向F对象
PrimaryStudent.prototype = new F()

// 把PrimaryStudent 的构造函数修复为PrimaryStudent
PrimaryStudent.prototype.constuctor = PrimaryStudent

// 继续绑定方法到PrimaryStudent的原型对象上
PrimaryStudent.prototype.getAge = function () {
  return this.age
}

var zhaotong = new PrimaryStudent({
  name: 'zhaotong',
  age: 23
})

console.log(zhaotong.name)
console.log(zhaotong.age)

// 验证继承
console.log(zhaotong instanceof PrimaryStudent)// true

console.log(zhaotong instanceof Student) // true

// 你也可以使用函数将其封装起来,这样方便更多对象实现继承使用
function inherits (Child, Parent) {
  var F = function () {}
  F.prototype = Parent.prototype
  Child.prototype = new F()
  Child.prototype.constuctor = Child
}

相关文章

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • js实现继承的几种方式

    如何实现继承? js中实现继承的方式主要是通过原型链完成的。了解原型链的相关信息可以点这里 javascript中...

  • js继承

    js继承js 继承-简书 原型链实现集继承 上面的代码实现原型链继承最重要的son.prototype=new f...

  • js基础之实现继承的几种方式

    js 实现继承的方式有: 原型链继承; 构造函数继承; 组合继承(原型链继承 + 构造函数继承)(最常用);(原型...

  • JS中继承的实现

    JS中继承的实现 #prototype (js原型(prototype)实现继承) 全局的Function对象没有...

  • 浅析JS继承方法

    JS 实现继承的方法有:1.原型链继承2.构造函数继承3.组合继承(原型链继承 + 构造函数继承)4.原型式继承(...

  • js如何实现原型继承

    code如下:

  • 前端开发必须知道的JS(一) 原型和继承(转载)

    前端开发必须知道的JS(一) 原型和继承 原型和闭包是Js语言的难点,此文主要讲原型及原型实现的继承,在(二)中会...

  • JS核心基础知识总结(一)——原型和继承

    原型/原型链 JS是一门基于原型实现继承的语言。那么,什么是原型?基于原型实现的继承又是怎么一回事? 原型(pro...

  • js实现继承的几种方式

    js实现继承有几种方式,这里我们主要探讨 原型链继承 构造继承 组合继承(原型链和构造继承组合到一块,使用原型链实...

网友评论

      本文标题:js如何实现原型继承

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