js如何要让一个对象继承另一个对象的原型属性和方法

js如何要让一个对象继承另一个对象的原型属性和方法

1、使用 Object.create()

const parent = {
  greet: function() {
    console.log("Hello from parent!");
  }
};

const child = Object.create(parent);
child.greet();  // 输出: Hello from parent!

2、使用 proto 属性

const parent = {
  greet: function() {
    console.log("Hello from parent!");
  }
};

const child = {};
child.__proto__ = parent;
child.greet();  // 输出: Hello from parent!

3、使用构造函数和原型链

function Parent() {}

Parent.prototype.greet = function() {
  console.log("Hello from parent!");
};

function Child() {}

Child.prototype = Object.create(Parent.prototype);
// 手动挂上构造器，指向自己的构造函数
Child.prototype.constructor = Child;

const child = new Child();
child.greet();  // 输出: Hello from parent!

.4、使用ES6的类

class Parent {
  greet() {
    console.log("Hello from parent!");
  }
}

class Child extends Parent {}

const child = new Child();
child.greet();  // 输出: Hello from parent!

5、使用 Object.setPrototypeOf()
Object.setPrototypeOf() 方法也是用来设置一个对象的原型，它是ES6规范的一部分，比直接操作 proto 更安全和推荐。

const parent = {
  greet: function() {
    console.log("Hello from parent!");
  }
};

const child = {};
Object.setPrototypeOf(child, parent);
child.greet();  // 输出: Hello from parent!