JS继承

作者: 流着万条永远的河 | 来源:发表于2017-11-06 17:58 被阅读0次

一个对象直接使用另外一个对象的属性和方法。
如何实现?
得到一个类的属性,得到一个类的方法。
比如,写个人的函数,再写个男人的函数,女人的函数,男人也是人啊,必须要可以使用人的方法属性的。再有,如果人突变了,身高变了,那男人女人都要变吧。这就是继承的意思,又可以省代码,还可以把共性统一管理。


function person(name,sex){
  this.name = name
  this.sex = sex
}
person.prototype.say = function(){
  console.log(this.name)
}
function man(){
  this.age = age
} 
man.prototype.say = function(){
  console.log(this.age)
}

属性获取

function man(name,sex,age){
  person.call(this,name,sex)
  this.age = age   //属性的this,需要new的时候,才可以被使用赋值的。
} 

方法获取

先说思路,只要让自己的prototype里面有person的prototype的内容就行了,方法很多。
先引入一个方法叫Object.create()


它能把对象放到一个空对象的proto里。
man.prototype===Object.create(person.prototype)) //设置它的方法库指向person的方法库

可以直接写成一个万能函数:

function get(newobj,oldobj){
  var proto = Object.create(oldobj.prototype)
  proto.constructor = newobj
  newobj.prorotype = proto
}

完整代码,注意顺序!

function person(name,sex){
  this.name = name
  this.sex = sex
}
person.prototype.say = function(){
  console.log(this.name)
}
function man(name,sex,age){
  person.call(this,name,sex)
  this.age = age
} 

man.prototype = Object.create(person.prototype)
man.prototype.saysex = function(){
  console.log(this.sex)
}

var ha = new man('haha','male',26)
ha.saysex()
ha.say()

先把原型赋值,然后再去新增。
还有一个缺点,赋值的那个对象,只有proto,少了constructor,这个属性应该指向自己的。
如果不用ES5呢?
属性那步不变的。
方法上,不用Object.create,,,
new person???
man.prototype = new person
man.prototype.constructor = man
如图

hasOwnPrototype

有木有自身属性,而不是继承得来的的?



报错的那个,是因为它是最后一代了,没做过父母,还木有prototype呢。不能再犯错了哦。

相关文章

  • Js的继承

    js的继承 @(js)[继承, js, 前端] 组合继承是原性链继承和构造函数继承的合体,它汲取了二者各自的有点,...

  • JS继承

    JS中的继承 许多OO语言都支持两种继承方式:接口继承和实现继承; 因为JS中没有类和接口的概念 , 所以JS不支...

  • #js继承

    js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 类式继承是...

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

  • JS中继承的实现

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

  • js继承

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

  • JavaScript 10

    js继承的概念 1.通过原型链方式实现继承(对象间的继承) 2.类式继承(构造函数间的继承) 由于js不像Java...

  • JS继承的实现的几种方式

    前言 JS作为面向对象的弱类型语言,继承也是非常强大的特性之一,那么如何在JS实现继承呢? JS继承的实现方式 既...

  • 2019-03-25 继承

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

  • 继承方式(6种)1.7

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。 JS继承...

网友评论

      本文标题:JS继承

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