JavaScript MVC 學(xué)習(xí)筆記（七）模型之ORM

animabear 發(fā)布于2019-08-21 10:27 / 1873人閱讀

摘要：從技術(shù)的角度講，出于的原因，無(wú)法友好正式地生成位的，它只能生成偽隨機(jī)數(shù)。雖然中內(nèi)置的方法盡管產(chǎn)生的是偽隨機(jī)數(shù)，但也足夠用了。

持久化記錄

需要一種保持記錄持久化的方法，即將引用保存至新創(chuàng)建的實(shí)例中以便任何時(shí)候都
能訪問(wèn)它。通過(guò)在Model 中使用records 對(duì)象來(lái)實(shí)現(xiàn)。當(dāng)保存一個(gè)實(shí)例的時(shí)候，
就將它添加進(jìn)這個(gè)對(duì)象中；當(dāng)刪除實(shí)例時(shí)，和將它從對(duì)象中刪除：

// 用來(lái)保存資源的對(duì)象
Model.records = {};
    Model.include({
        newRecord: true,
        create: function(){
        this.newRecord = false;
        this.parent.records[this.id] = this;
    },
    destroy: function(){
        delete this.parent.records[this.id];
    }
});

更新一個(gè)已存在的實(shí)例——只需更新對(duì)象引用即可：

Model.include({
    update: function(){
        this.parent.records[this.id] = this;
    }
});

現(xiàn)在創(chuàng)建一個(gè)快捷函數(shù)來(lái)保存實(shí)例，這樣就不用每次都檢查這個(gè)實(shí)例是否已經(jīng)保存過(guò)或
是否需要新創(chuàng)建實(shí)例了：

// 將對(duì)象存入hash 記錄中，保持一個(gè)引用指向它
Model.include({
    save: function(){
        this.newRecord ? this.create() : this.update();
    }
});

用來(lái)根據(jù)ID 查找資源的find() 函數(shù):

Model.extend({
    // 通過(guò)ID 查找，找不到則拋出異常
    find: function(id){
        return this.records[id] || throw("Unknown record");
    }
});

現(xiàn)在已經(jīng)成功地創(chuàng)建了一個(gè)基本的ORM，運(yùn)行一下：

var asset = Asset.init();
asset.name = "same, same";
asset.id = 1
asset.save();
var asset2 = Asset.init();
asset2.name = "but different";
asset2.id = 2;
asset2.save();
assertEqual( Asset.find(1).name, "same, same" );
asset2.destroy();

增加 ID 支持

此時(shí)每次保存一條記錄都必須手動(dòng)指定一個(gè)ID?？梢约尤胱詣?dòng)化處理。首先，我們需要一個(gè)方法來(lái)自動(dòng)生成ID，可以使用全局統(tǒng)一標(biāo)識(shí)（Globally UniqueIdentifier，簡(jiǎn)稱GUID）生成器來(lái)做這一步。從技術(shù)的角度講，出于API 的原因，JavaScript 無(wú)法友好正式地生成128 位的GUID，它只能生成偽隨機(jī)數(shù)。雖然JavaScript 中內(nèi)置的Math.random() 方法盡管產(chǎn)生的是偽隨機(jī)數(shù)，但也足夠用了。

Robert Kieffer 寫了一個(gè)簡(jiǎn)單明了的GUID 生成器，它使用Math.random() 來(lái)產(chǎn)生一個(gè)偽
隨機(jī)數(shù)的GUID（http://goo.gl/0b0hu），代碼也很簡(jiǎn)單：

Math.guid = function(){
    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
        var r = Math.random()*16|0, v = c == "x" ? r : (r&0x3|0x8);
        return v.toString(16);
    }).toUpperCase();
};

現(xiàn)在有了生成GUID 的方法，可以很容易將它集成到ORM 里，剩下的只需修改
create() 函數(shù)了：

Model.extend({
    create: function(){
        if ( !this.id ) 
            this.id = Math.guid();
        this.newRecord = false;
        this.parent.records[this.id] = this;
    }
});

這樣任何新創(chuàng)建的記錄都包含一個(gè)隨機(jī)的GUID 作為它們的ID ：

var asset = Asset.init();
asset.save();
asset.id //=> "54E52592-313E-4F8B-869B-58D61F00DC74"

尋址引用

目前創(chuàng)建的ORM 中存在一個(gè)與引用相關(guān)的bug。當(dāng)保存或
通過(guò)find() 查找記錄時(shí)，所返回的實(shí)例并沒(méi)有復(fù)制一份，因此對(duì)任何屬性的修改都會(huì)影
響原始資源。改進(jìn)：

var asset = new Asset({name: "foo"});
asset.save();

// 正確傳入資源
assertEqual( Asset.find(asset.id).name, "foo" );

// 更改屬性，而沒(méi)有調(diào)用update()
asset.name = "wem";

// 出問(wèn)題了，因?yàn)閍sset 的名字被修改為“wem”
assertEqual( Asset.find(asset.id).name, "foo" );

需要修復(fù)這個(gè)問(wèn)題，在執(zhí)行find() 操作的時(shí)候新創(chuàng)建一個(gè)對(duì)象，同樣在創(chuàng)建或更新
記錄的時(shí)候需要復(fù)制對(duì)象：

Asset.extend({
    find: function(id){
        var record = this.records[id];
        if ( !record ) throw("Unknown record");
        return record.dup();
    }
    });
    Asset.include({
        create: function(){
        this.newRecord = false;
        this.parent.records[this.id] = this.dup();
    },
    update: function(){
        this.parent.records[this.id] = this.dup();
    },
    dup: function(){
        return jQuery.extend(true, {}, this);
    }
});

這里存在另外一個(gè)問(wèn)題，Model.records 是被所有模型所共享的對(duì)象：

assertEqual( Asset.records, Person.records );

但這在合并所有的記錄時(shí)會(huì)有副作用：

var asset = Asset.init();
asset.save();
assert( asset in Person.records );

解決辦法是在創(chuàng)建新的模型時(shí)設(shè)置一個(gè)新的records 對(duì)象。Model.create() 是創(chuàng)建新對(duì)
象的回調(diào)，因此我們可以設(shè)置任意描述這個(gè)模型的對(duì)象：

Model.extend({
    created: function(){
        this.records = {};
    }
});

【公開記錄學(xué)習(xí)JS MVC，不知道能堅(jiān)持多久= =。以《基于MVC的JavaScript web富應(yīng)用開發(fā)》為主要學(xué)習(xí)資料?！?/p>

GPU云服務(wù)器云服務(wù)器 javascript學(xué)習(xí)筆記 _JavaScript_MVC 學(xué)習(xí)筆記學(xué)習(xí)筆記一

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/85576.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

animabear

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

conda卸載tensorflow

閱讀 2920·2023-04-25 18:06
無(wú)線網(wǎng)絡(luò)技術(shù)學(xué)習(xí)總結(jié)

閱讀 2752·2021-11-22 09:34
盤點(diǎn) GitHub 2021年度盛會(huì)｜附視頻

閱讀 1766·2021-11-08 13:16
幾種典型的智慧農(nóng)業(yè)物聯(lián)網(wǎng)解決方案

閱讀 1397·2021-09-24 09:47
前端面試每日 3+1 —— 第135天

閱讀 3100·2019-08-30 15:44
web 多屏互動(dòng)顯示方案

閱讀 2834·2019-08-29 17:24
echarts 游客來(lái)源

閱讀 2657·2019-08-23 18:37
由一道題引申出的事件循環(huán)、letvar用法、iife、塊級(jí)作用域

閱讀 2495·2019-08-23 16:55

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript MVC 學(xué)習(xí)筆記（七）模型之ORM

相關(guān)文章

***JavaScript* MVC *學(xué)習(xí)筆記（六）模型之ORM***

***JavaScript* MVC *學(xué)習(xí)筆記（一）初識(shí)JS MVC***

Deep in JS - 收藏集 - 掘金

我的Android重構(gòu)之旅：架構(gòu)篇

Backbone.js學(xué)習(xí)筆記（一）

發(fā)表評(píng)論

0條評(píng)論

animabear

男|高級(jí)講師

TA的文章

conda卸載tensorflow

無(wú)線網(wǎng)絡(luò)技術(shù)學(xué)習(xí)總結(jié)

盤點(diǎn) GitHub 2021年度盛會(huì)｜附視頻

幾種典型的智慧農(nóng)業(yè)物聯(lián)網(wǎng)解決方案

前端面試每日 3+1 —— 第135天

web 多屏互動(dòng)顯示方案

echarts 游客來(lái)源

由一道題引申出的事件循環(huán)、letvar用法、iife、塊級(jí)作用域

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript MVC 學(xué)習(xí)筆記（七）模型之ORM

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！