javascript原型，继承

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript原型，继承，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1235字，纯文字阅读大概需要2分钟。

内容图文

//普通对象
//函数对象（有原型 prototy 的属性）
//原型的应用 继承
function Amial(){
    this.type = '小于'
}
function cat(name){
    this.name = name
}
cat.prototype = new Amial()
var cat1 = new cat('小张')
console.log(cat1.name,cat1.type)

//构造器  继承 缺点：把父元素的属性都复制了
function Amial(){
    this.type = '动物'
}
function amm(name){
    Amial.apply(this) //调用Amial构造器 Amial == amm
    //Amial.call(this,x,y,z)  Amial.apply(this,[x,y,z])
    this.name = name
}
var a = new amm('张三')
console.log(a.type)

//组合继承(原型+构造器) 缺点：调用两次父类构造器

function Preson(name){
    this.arr = ['js','php']
    this.name = name
}
Preson.prototype.showname = function(){
    console.log(this.name)
}
function teacher(name,gread){
    Preson.call(this,name)
    this.gread = gread
}
teacher.prototype = new Preson() // 最关键的一句
var a = new teacher('xiaoming', 23)
console.log(a.arr,a.name,a.gread)
a.showname()

//原型+构造+寄生
function father(name){
    this.arr = ['aa','bb']
    this.name = name
}
father.prototype.showname = function(){
   console.log(this.name)
}
function son(name,course){
   father.call(this,name)
   this.course = course
}
function extend(subobj,superobj){
   var proobj = Object.create(superobj.prototype)
   subobj.prototype = proobj
}
extend(son, father)
var a = new son('xiaoming', 23)
console.log(a.arr,a.name,a.course)
a.showname()

内容总结

以上是互联网集市为您收集整理的javascript原型，继承全部内容，希望文章能够帮你解决javascript原型，继承所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端