我有一個 SAP UI5 應用，在 index.js 裡建立一個 XMLView 即 XML 檢視的例項。

關於這個 `index.js` 的更多詳細用法，在筆者這篇教程裡有介紹：

* [SAP UI5 應用開發教程之二 - SAP UI5 的引導過程 Bootstrap](https://jerry.blog.csdn.net/article/details/120614665)

![](https://img-blog.csdnimg.cn/img_convert/c5f5ba545c23f6e69c55df903fc4f6fd.png)

在 XML 檢視建構函式里，執行 `applySettings` 方法：

![](https://img-blog.csdnimg.cn/img_convert/356f4c2cfbe80f5da8c144bfd1f28834.png)

首先需要將 XMLView.create 方法傳入的輸入引數，即包含了 `viewName` 欄位的 JSON 物件的值解析出了：
![](https://img-blog.csdnimg.cn/img_convert/fdb60cbd21b00595efbf8324903736fe.png)

bindingInfo 的 get 方法自動被觸發：

![](https://img-blog.csdnimg.cn/img_convert/0c8754aa61d58df926c8c3d90536fdc7.png)

`oBindingInfo = this.extractBindingInfo(oValue, oScope, !isObjectType(oKeyInfo.type));`

一旦 bindingInfo 的 parse 方法被訪問後，就會自動呼叫 `Object.defineProperty` 給 parse 屬性設定的 get 方法：

![](https://img-blog.csdnimg.cn/img_convert/8e5ef420b5d0984176e1306dfb36fa01.png)

上圖就是 SAP UI5 確認 Parser 實現版本的邏輯，如果 Configuration 裡的 `bindingSyntax` 值為 simple，get 返回的 parse 屬性就為 bindingParser.simple, 反之返回 ComplexParser.

JavaScript 裡透過 Object.defineProperty 設定的 get 函式的作用是什麼？

在JavaScript中，透過使用Object.defineProperty方法可以定義一個物件的屬性，並指定該屬性的特性（屬性描述符）。其中，可以指定get函式作為該屬性的getter。

get函式是一個方法，它可以讓我們在讀取一個屬性值的時候，自動觸發一些邏輯。在使用get函式時，我們不需要在物件上直接定義一個屬性，而是在屬性描述符中使用get方法來定義一個屬性的讀取器。

下面是一個使用Object.defineProperty方法定義get函式的例子：

```javascript
var person = {
  firstName: 'John',
  lastName: 'Doe'
};

Object.defineProperty(person, 'fullName', {
  get: function() {
    return this.firstName + ' ' + this.lastName;
  }
});

console.log(person.fullName); // "John Doe"
```
在上面的例子中，我們使用Object.defineProperty方法在person物件中定義了一個fullName屬性，並指定了get函式。當我們讀取fullName屬性時，get函式會自動被呼叫，並返回firstName和lastName組成的完整名稱。

在實際開發中，get 函式的應用非常廣泛，比如在Vue.js中，就使用了get函式來監聽資料變化並觸發檢視的重新渲染。使用 get 函式，可以使我們更加靈活地控制物件屬性的讀取邏輯，從而提高程式碼的可維護性和可讀性。

SAP UI5 XML 檢視在例項化時就已經確定了 BindingSyntax 的實現版本了

相關文章