当前位置：首页 > JavaScript

js override 实现

2026-04-05 21:57:47JavaScript

方法一：原型链继承与重写

通过原型链继承父类方法，并在子类中重新定义同名方法实现覆盖（override）。父类方法可通过 ParentClass.prototype.methodName.call(this) 调用。

function ParentClass() {}
ParentClass.prototype.greet = function() {
  return "Hello from Parent";
};

function ChildClass() {}
ChildClass.prototype = Object.create(ParentClass.prototype);
ChildClass.prototype.greet = function() {
  return "Hi from Child";
};

const child = new ChildClass();
console.log(child.greet()); // 输出: "Hi from Child"

方法二：ES6 Class 语法

使用 extends 和 super 实现方法覆盖。super 关键字可调用父类方法。

class Parent {
  greet() {
    return "Parent says hello";
  }
}

class Child extends Parent {
  greet() {
    return "Child says hi";
  }
}

const instance = new Child();
console.log(instance.greet()); // 输出: "Child says hi"

方法三：对象属性直接覆盖

直接修改对象的属性或方法，适用于实例级别的覆盖。

const obj = {
  greet: function() {
    return "Original";
  }
};

obj.greet = function() {
  return "Overridden";
};

console.log(obj.greet()); // 输出: "Overridden"

方法四：使用 `Object.assign` 合并对象

通过合并对象实现方法替换，保留未覆盖的原有方法。

const base = {
  methodA() { return "A"; },
  methodB() { return "B"; }
};

const override = {
  methodA() { return "New A"; }
};

const result = Object.assign({}, base, override);
console.log(result.methodA()); // 输出: "New A"
console.log(result.methodB()); // 输出: "B"

方法五：高阶函数包装

通过函数包装动态修改方法行为，保留原方法的引用。

js override 实现

function original() {
  return "Original";
}

function override(fn) {
  return function() {
    return "Modified: " + fn();
  };
}

const wrapped = override(original);
console.log(wrapped()); // 输出: "Modified: Original"