JavaScript之面向对象编程

五、面向对象编程

目录:面向对象原型继承、面向对象class继承(ES6引入的)

1.面向对象原型继承

类:模板 对象:具体的实例
类是对象的抽象,对象是类的具体实例。
原型

var Student = {
  name: "xuesheng",
  age: 3,
  run: function() {
    console.log(this.name+"run");
  }
};
var xiaoming = {
  name: "xiaoming"
};
//小明的原型是Student
xiaoming._proto_=Student;

2.面向对象class继承(ES6引入的)

class Student {
  constructor(name) {
    this.name = name;
  }
  hello() {
    alert('hello')
  }
}
//小学生类继承学生类
class xiaoStudent extends Student {
  constructor(name,grade) {
    super(name);//实现父类的名字
    this.grade = grade;
  }
  myGrade() {
    alert('我是一名小学生')
  }
}
var xiaoming = new Student("xiaoming");
var xiaohong = new xiaoStudent("xiaohong",1);

本质:查看对象原型。
原型链:_ proto _
参考博客园链接:https://www.cnblogs.com/xxxx0130/p/13609316.html
原型和原型链详解

原型与原型链

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值