程序员Ping说前端三剑客

JavaScript之面向对象编程

2021-01-18  本文已影响0人  Ping开源

五、面向对象编程

目录:面向对象原型继承、面向对象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

原型和原型链详解 原型与原型链
上一篇 下一篇

猜你喜欢

热点阅读