OWL 组件介绍

OWL 组件与通常的 Odoo JS 类大不相同，它们具备您相熟的自定义继承零碎。

首先它们是ES6 类，如果您不相熟 ES6 类，能够先学习ES6的内容

ES6 类基本上是 JavaScript 中现有的基于原型的继承的语法糖。在最根本的层面上，ES6 Class 是一个合乎基于原型继承的构造函数。ES6 类依然有 Object.prototype！

基于类和基于原型的继承之间最重要的区别在于，类定义了能够在运行时实例化的类型，而原型自身就是一个对象实例。

要应用 Odoo 14 现有的 OWL 组件，先理解一些根本的概念。

class Component {  constructor(name) {    this.name = name;  }  render() {    console.log(`${this.name} renders itself.`);  }      // Getter/setter methods are supported in classes,  // similar to their ES5 equivalents  get uniqueId() {    return `${this.name}-test`;  }}

能够应用关键字继承类 extends 并用 super 调用父函数。

class MyBetterComponent extends Component {  constructor(name) {    super(name); // call the super class constructor and pass in the name parameter  }  render() {    console.log(`${this.name} with id ${this.uniqueId} render itslef better.`);  }}let comp = new MyBetterComponent('MyBetterComponent');comp.render(); // MyBetterComponent with id

这是规范的 ES6 super 关键字，不要将它与_super 框架内构建的 Odoo函数混同。

Odoo 中 OWL 组件的大部分修补、扩大、笼罩都会用到这些基础知识!