OOP 面向对象编程

Copy 
1// 简单对象
2const Course = {
3  teacher: "john",
4  leader: "tom",
5  startCourse: function (name) {
6    return "oop";
7  },
8};
9// 函数对象
10function Course() {
11  this.teacher = "john";
12  this.leader = "tom";
13  this.startCourse = function (name) {
14    return "oop";
15  };
16}

Copy 
1function Course() {
2  this.teacher = "john";
3  this.leader = "tom";
4}
5const course = new Course();

Copy 
1function Course() {
2  const _isClass = this instanceof Course;
3  if (!isClass) {
4    return new Course();
5  }
6  this.teacher = "john";
7  this.leader = "tom";
8}

Copy 
1function Course() {}
2const course = new Course();

Copy 
1course.__proto__ === Course.prototype;

Copy 
1Course.prototype.__proto__ === Object.prototype;

Copy 
1course.constructor === Course;

Copy 
1function Course(teacher, leader) {
2  this.teacher = teacher;
3  this.leader = leader;
4}
5const course = new Course("john", "tom");

Copy 
1function Course() {}
2const course1 = new Course();
3const course2 = new Course();

Copy 
1function Course() {
2  Course.prototype.teacher = "john";
3  const course1 = new Course();
4  const course2 = new Course();
5}

Copy 
1function Game() {
2  this.name = "lol";
3}
4Game.prototype.getName = function () {
5  return this.name;
6};
7
8function LOL() {}
9LOL.prototype = new Game();
10LOL.prototype.constructor = LOL;
11const game = new LOL();

Copy 
1function Game() {
2  this.name = "lol";
3  this.skin = ["s"];
4}
5Game.prototype.getName = function () {
6  return this.name;
7};
8
9function LOL(arg) {
10  Game.call(this, arg);
11}
12
13const game3 = new LOL();
14// 解决共享属性问题，传参问题

Copy 
1function Game() {
2  this.name = "lol";
3  this.skin = ["s"];
4}
5Game.prototype.getName = function () {
6  return this.name;
7};
8
9function LOL(arg) {
10  Game.call(this, arg);
11}
12
13LOL.prototype = new Game();
14LOL.prototype.constructor = LOL;
15
16const game3 = new LOL();

Copy 
1function Game() {
2  this.name = "lol";
3  this.skin = ["s"];
4}
5Game.prototype.getName = function () {
6  return this.name;
7};
8
9function LOL(arg) {
10  Game.call(this, arg);
11} 
12
13LOL.prototype = Object.create(Game.prototype);
14LOL.prototype.constructor = LOL;
15
16const game3 = new LOL();