封装记录

 

封装记录也叫做使用数据类来代替记录  

其实也就是对记录型结构使用类进行抽象

 

什么是记录型结构？

“记录型结构是多数编程语言提供的一种常见特性。它们能直观地组织起存在关联的数据，让我可以将数据作为有意义的单元传递，而不仅是一堆数据的拼凑”

摘录来自: 马丁·福勒(Martin Fowler). “重构：改善既有代码的设计（第2版）。”

记录型结构我觉得就是一个对象，其属性具有特定含义。（不对的话，还请在评论区指出）

const person = { name: 'luxi', age: 26 }   // 结构型

const person = {  b: 'xxx'  }  // 不是  

 

为什么需要使用封装记录？

传统封装的好处：

1. 提高代码的可控性，避免任意修改属性值，造成值不统一。
2. 提高代码的易用性，减少开放的调用方法，减少调用者的负担。

封装记录的好处？

1. 只对需要使用的属性，提供了调用方法，提高了代码的易用性。
2. 有助于字段改名，字段改名后可以在旧字段存取方法里调用新字段的存取方法，实现兼容，然后逐步的修改调用方，直到替换完成。

 

可变数据和不可变数据？

作者在文中提到，对于可变对象更偏爱使用对象类，也就是所谓的封装记录。

 

那什么是可变数据和不可变数据呢？

简单来说就是如果一个变量修改值会导致其在内存中地址的改变，那么它就是一个不可变数据，否则就是一个可变数据。

 

对于可变数据为什么应该使用类？

为了避免可变数据带来的影响, 将属性进行拆分，统一为属性添加get, set方法，如果属性也是可变数据，那就存在问题。

 

那如果我将可变数据改为不可变数据，是不是就可以不用类进行封装了呢？

是的，应为使用类其实也就是为了解决可变数据带来的问题。

 

例1:

重构前：

const organization = {name: "Acme Gooseberries", country: "GB"};

// 直接使用
result += `<h1>${organization.name}</h1>`;
organization.name = newName;

 

重构后：

class Organization {
    constructor(data) {
        this.name = data.name
        this.country = data.country
    }

    set name(aString) {
        this.name = aString
    }

    get name() {
        return this.name
    }

    set country(aCountryCode) {
        this.country = aCountryCode
    }
    
    get country() {
        return this.country
    }
}

 

例2：

重构前：

const customerData = {
    "1920": {
        　name: "martin", 
        　id: "1920",
        　usages: { 
        　　"2016": {
        　　　"1": 50,
        　　　"2": 55,
        　　　// remaining months of the year
        　　}, 
        　　"2015": {
        　　　"1": 70,
        　　　"2": 63,
        　　　// remaining months of the year
        　　}
        　}
        }
}

// 更新
customerData[customerID].usages[year][month] = amount;

// 读取
function compareUsage (customerID, laterYear, month) {
    　const later = customerData[customerID].usages[laterYear][month]; 
    　const earlier = customerData[customerID].usages[laterYear - 1][month]; 
    　return {laterAmount: later, change: later - earlier};
}

 

重构后：

class customerData {
    constructor(data) {
        this._data = data
    }

    get rawData() {
        return _.cloneDeep(this._data);
    }

    setUsage(customerID, year, month, amount) { 
        this._data[customerID].usages[year][month] = amount;
    }
}

function getCustomerData() {return customerData;}
function getRawDataOfCustomers() {return customerData.rowData;}
function setRawDataOfCustomers(arg) {customerData = new CustomerData(arg);}

// 获取
function compareUsage (customerID, laterYear, month) {
    const later = getCustomerData().rawData[customerID].usages[laterYear][month]; 
    const earlier = getCustomerData().rawData[customerID].usages[laterYear - 1][month]; 
    return {laterAmount: later, change: later - earlier};
}