[譯] 在 Nashron 中使用 Backbone.js

原文：Using Backbone.js with Nashorn
譯者：飛龍
協議：CC BY-NC-SA 4.0

這個例子展現瞭如何在Java8的Nashron JavaScript引擎中使用Backbone.js模型。Nashron在2014年三月首次做爲Java SE 8 的一部分發布，並經過以原生方式在JVM上運行腳本擴展了Java的功能。對於Java Web開發者，Nashron尤爲實用，由於它能夠在Java服務器上覆用現有的客戶端代碼。傳統的Node.js具備明顯優點，可是Nashorn也可以縮短JVM的差距。

當你在HTML5前端使用現代的JavaScript MVC框架，例如Backbone.js時，愈來愈多的代碼從服務器後端移動到Web前端。這個方法能夠極大提高用戶體驗，由於在使用視圖的業務邏輯時節省了服務器的不少往返通訊。

Backbone容許你定義模型類，它們能夠用於綁定視圖（例如HTML表單）。當用戶和UI交互時Backbone會跟蹤模型的升級，反之亦然。它也能經過和服務器同步模型來幫助你，例如調用服務端REST處理器的適當方法。因此你最終會在前端實現業務邏輯，將你的服務器模型用於處理持久化數據。

在服務端複用Backbone模型十分容易用Nashron完成，就像下面的例子所展現的那樣。在咱們開始以前，確保你經過閱讀個人Nashorn教程熟悉了在Nashron引擎中編程JavaScript。

Java 模型

首先，咱們在Java中定義實體類Product。這個類可用於數據庫的CURD操做（增刪改查）。要記住這個類是個純粹的Java Bean，不實現任何業務邏輯，由於咱們想讓前端正確執行UI的業務邏輯。

class Product {
    String name;
    double price;
    int stock;
    double valueOfGoods;
}

Backbone 模型

如今咱們定義Backbone模型，做爲Java Bean的對應。Backbone模型Product使用和Java Bean相同的數據結構，由於它是咱們但願在Java服務器上持久存儲的數據。

Backbone模型也實現了業務邏輯：getValueOfGoods方法經過將stock於price相乘計算全部產品的總值。每次stock或price的變更都會使valueOfGoods從新計算。

var Product = Backbone.Model.extend({
    defaults: {
        name: '',
        stock: 0,
        price: 0.0,
        valueOfGoods: 0.0
    },

    initialize: function() {
        this.on('change:stock change:price', function() {
            var stock = this.get('stock');
            var price = this.get('price');
            var valueOfGoods = this.getValueOfGoods(stock, price);
            this.set('valueOfGoods', valueOfGoods);
        });
    },

    getValueOfGoods: function(stock, price) {
        return stock * price;
    }
});

因爲Backbone模型不使用任何Nashron語言擴展，咱們能夠在客戶端（瀏覽器）和服務端（Java）安全地使用同一份代碼。

要記住我特地選擇了十分簡單的函數來演示個人意圖。真實的業務邏輯應該會更復雜。

將兩者放在一塊兒

下一個目標是在Nashron中，例如在Java服務器上覆用Backbone模型。咱們但願完成下面的行爲：把全部屬性從Java Bean上綁定到Backbone模型上，計算valueOfGoods屬性，最後將結果傳回Java。

首先，咱們建立一個新的腳本，它僅僅由Nashron執行，因此咱們這裏能夠安全地使用Nashron的擴展。

load('http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js');
load('http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js');
load('product-backbone-model.js');

var calculate = function(javaProduct) {
    var model = new Product();
    model.set('name', javaProduct.name);
    model.set('price', javaProduct.price);
    model.set('stock', javaProduct.stock);
    return model.attributes;
};

這個腳本首先加載了相關的外部腳本Underscore 和 Backbone（Underscore是Backbone的必備條件），以及咱們前面的ProductBackbone模型。

函數calcute接受ProductJava Bean，將其全部屬性綁定到新建立的BackboneProduct上，以後返回模型的全部屬性給調用者。經過在Backbone模型上設置stock和price屬性，ValueOfGoods屬性因爲註冊在模型initialize構造函數中的事件處理器，會自動計算出來。

最後，咱們在Java中調用calculate函數。

Product product = new Product();
product.setName("Rubber");
product.setPrice(1.99);
product.setStock(1337);

ScriptObjectMirror result = (ScriptObjectMirror)
    invocable.invokeFunction("calculate", product);

System.out.println(result.get("name") + ": " + result.get("valueOfGoods"));
// Rubber: 2660.63

咱們建立了新的ProductJava Bean，而且將它傳遞到JavaScript函數中。結果觸發了getValueOfGoods方法，因此咱們能夠從返回的對象中讀取valueOfGoods屬性的值。

總結

在Nashron中複用現存的JavaScript庫十分簡單。Backbone適用於構建複雜的HTML5前端。在我看來，Nashron和JVM如今是Node.js的優秀備選方案，由於你能夠在Nashron的代碼庫中充分利用Java的整個生態系統，例如JDK的所有API，以及全部可用的庫和工具。要記住你在使用Nashron時並不限制於Java -- 想一想 Scala、Groovy、Clojure和jjs上的純JavaScript。

這篇文章中可運行的代碼託管在Github上（請見這個文件）。請隨意fork個人倉庫，或者在Twitter上向我反饋。