当前位置：首页 > JavaScript

js实现覆盖

2026-03-02 06:00:05JavaScript

JavaScript 实现覆盖

在 JavaScript 中，实现覆盖通常指的是通过重新定义或修改现有的函数、方法或属性来改变其行为。以下是几种常见的覆盖实现方式：

覆盖函数

直接重新定义一个函数可以覆盖之前的实现：

js实现覆盖

function originalFunction() {
    console.log("Original function");
}

originalFunction(); // 输出: Original function

originalFunction = function() {
    console.log("Overridden function");
};

originalFunction(); // 输出: Overridden function

覆盖对象方法

对于对象的方法，可以通过重新赋值来覆盖：

const obj = {
    method: function() {
        console.log("Original method");
    }
};

obj.method(); // 输出: Original method

obj.method = function() {
    console.log("Overridden method");
};

obj.method(); // 输出: Overridden method

使用原型链覆盖

通过修改原型链上的方法，可以覆盖所有实例的行为：

js实现覆盖

function MyClass() {}

MyClass.prototype.method = function() {
    console.log("Original prototype method");
};

const instance = new MyClass();
instance.method(); // 输出: Original prototype method

MyClass.prototype.method = function() {
    console.log("Overridden prototype method");
};

instance.method(); // 输出: Overridden prototype method

使用 `Object.defineProperty` 覆盖属性

通过 Object.defineProperty 可以覆盖对象的属性，包括其 getter 和 setter：

const obj = {
    _value: 10,
    get value() {
        return this._value;
    }
};

console.log(obj.value); // 输出: 10

Object.defineProperty(obj, 'value', {
    get: function() {
        return this._value * 2;
    }
});

console.log(obj.value); // 输出: 20

使用 ES6 类继承覆盖

通过继承基类并重写方法，可以实现覆盖：

class BaseClass {
    method() {
        console.log("Base method");
    }
}

class DerivedClass extends BaseClass {
    method() {
        console.log("Derived method");
    }
}

const instance = new DerivedClass();
instance.method(); // 输出: Derived method