odoo前端js对象的扩展方法

odoo前端js对象的扩展方法

在 Odoo 中，你可以使用两种方法来扩展 JavaScript 对象：extends 和 patch。这两种方法在功能上有一些区别。

1. extends 方法：

   • 使用 extends 方法可以创建一个新的 JavaScript 对象，并继承自现有的对象。这意味着你可以在新对象中添加、修改或覆盖现有对象的属性和方法。
   • extends 方法适用于对现有对象进行全面的扩展和修改，以满足特定的需求。你可以通过创建一个新的对象，并在其中添加自定义的属性和方法来实现扩展。
   • 使用 extends 方法时，你需要确保新对象的原型链正确设置，以便正确继承和覆盖现有对象的属性和方法。

2. patch 方法：

   • 使用 patch 方法可以直接修改现有的 JavaScript 对象，而无需创建新的对象。你可以通过 patch 方法来修改对象的属性和方法，添加新的属性和方法，或者删除现有的属性和方法。
   • patch 方法适用于对现有对象进行局部的修改和调整，以满足特定的需求。你可以直接在现有对象上进行修改，而无需创建新的对象。
   • 使用 patch 方法时，你需要确保正确地定位到要修改的对象，并进行相应的修改操作。

总的来说，extends 方法适用于全面的扩展和修改，而 patch 方法适用于局部的修改和调整。选择使用哪种方法取决于你的具体需求和场景。

1、patch的实现

patch 一个简单的例子

/** @odoo-module **/

import { _t } from "@web/core/l10n/translation";
import { patch } from "@web/core/utils/patch";
import { SearchBar } from "@web/search/search_bar/search_bar";

patch(SearchBar.prototype, {
    getPreposition(searchItem) {
        let preposition = super.getPreposition(searchItem);
        if (this.fields[searchItem.fieldName].name == 'payment_date') {
            preposition = _t("until");
        }
        return preposition
    }
});

2、patch.js

先学习一下object对象，再来学习patch.js

patch对象的原型，调用了很多Object的静态方法，原则上就是在原型对象上动态增加或者替换新的属性。

        // Replace the old property by the new one.
        Object.defineProperty(objToPatch, key, newProperty);

附录： patch.js 源文件

/** @odoo-module **/

/**
 *  @typedef {{
 *      originalProperties: Map;
 *      skeleton: object;
 *      extensions: Set