JS继承

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


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呢。不能再犯错了哦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 开山例子 需求:学生交学费,中学生打8折;小学生打5折,然后通过打印的方法,显示学生的名字、年龄记应缴学费。 我们...
    jayafs阅读 575评论 0 50
  • 问题1: apply、call 、bind有什么作用,什么区别 apply/call/bind 问题2: 以下代码...
    DCbryant阅读 298评论 0 0
  • 原文链接 js的继承有6种方式,大致总结一下它们各自的优缺点,以及它们之间的关系。 1.原型链 js的继承机制不同...
    空_城__阅读 802评论 0 11
  • 月圆是想念、是思念、是祈盼、是幸福、是团圆。没有昂贵的月饼给大家,只是以文表达思与念,愿各自安好,千里共婵娟。 中...
    小小sha阅读 278评论 0 2
  • 转动命运轮盘的手似乎来自四面八方,比如性格,比如思维,比如眼界。 朱月,是演艺圈众星捧月的女主。 ...
    butnot阅读 167评论 0 0