原型属性和方法 实例属性和方法 静态属性和方法

原型属性和方法:所有人共同使用一个
实例属性和方法:每个人都有一份
静态属性和方法:不能在类的实例上调用静态方法,而应该通过类本身调用。

实现继承的方法

  1. 原型链继承

让Man函数继承Person函数,需要让Man.prototype(Man的原型对象)的原型链(__proto__)指向Person的原型(Man.prototype),即Man.prototype.__proto__ = Person.prototype;

function Person(name){
 this.name = name; // 每个实例的名字不同,所以叫实例上的属性
}
Person.prototype.eat = function(){
    console.log(this, '我会吃');
}

function Man(name){
    this.name = name
}

Man.prototype.__proto__ = Person.prototype;
const man1 = new Man('张三');


console.log(man1.eat); // [Function]
  1. ES6中的setPrototypeOf方法实现继承
function Person(name){
 this.name = name; // 每个实例的名字不同,所以叫实例上的属性
}
Person.prototype.eat = function(){
    console.log(this, '我会吃');
}

function Man(name){
    this.name = name
}

// Man.prototype.__proto__ = Person.prototype;

Object.setPrototypeOf(Man.prototype, Person.prototype)
const man1 = new Man('张三');
console.log(man1.eat); //[Function]
  1. Object.create方法实现继承
function Person(name){
 this.name = name; // 每个实例的名字不同,所以叫实例上的属性
}
Person.prototype.eat = function(){
    console.log(this, '我会吃');
}

function Man(name){
    this.name = name
}

// Man.prototype.__proto__ = Person.prototype;

// Object.setPrototypeOf(Man.prototype, Person.prototype)

Man.prototype = Object.create(Person.prototype);

const man1 = new Man('张三');
console.log(man1.eat); //[Function]
// create原理
 function create(parentPrototype) {
   function Fn() {}
   Fn.prototype = parentPrototype;
   return new Fn();
 }
  1. extends语法

你可能感兴趣的:(javascript)