《重构第2版》第1章JavaScript代码

刺骨的言语ヽ痛彻心扉 2022-12-21 04:42 185阅读 0赞

最近把《重构 第2版》第1章看了一遍，也跟书上的例子完成了示例程序的重构，完成时的代码记录如下：

invoices.json

[
        {
            "customer": "BigCo",
            "performances": [
                {
                    "playID": "hamlet",
                    "audience": 55
                },
                {
                    "playID": "as-like",
                    "audience": 35
                },
                {
                    "playID": "othello",
                    "audience":40
                }
            ]
        }
    ]

plays.json

{
        "hamlet": {
            "name": "Hamlet",
            "type": "tragedy"
        },
        "as-like": {
            "name": "As You Like It",
            "type": "comedy"
        },
        "othello": {
            "name": "Othello",
            "type": "tragedy"
        }
    }

createStatementData.js

statement.js

const { createStatementData } = require('./createStatementData.js');
    
    let pathPlays = "./plays.json";
    let pathInvoices = "./invoices.json";
    let fs = require('fs');
    let plays = JSON.parse(fs.readFileSync(pathPlays));
    let invoice = JSON.parse(fs.readFileSync(pathInvoices));
    invoice = invoice[0];
    
    function usd(aNumber) {
        return new Intl.NumberFormat("en-US", { styyle: "currency", currency: "USD", minimumFractionDigits: 2 }).format(aNumber/100);
    }
    
    function renderPlainText(data) { 
        let result = `Statement for ${data.customer}\n`;
        for (let perf of data.performances) {     
            // print line for this order
            result += ` ${perf.play.name}: ${usd(perf.amount)} (${perf.audience} seats)\n`;
        }
        result += `Amount owed is ${usd(data.totalAmount)}\n`;
        result += `You earned ${data.totalVolumeCredits} credits\n`;
        return result;    
    }
    
    function htmlStatement(invoice, plays) {
        return renderHtml(createStatementData(invoice, plays));
    }
    
    function renderHtml(data) {
        let result = '<h1>Statement for ${data.customer}</h1>\n';
        result += "<table>\n";
        result += "<tr><th>play</th><th>seats</th><th>cost</th></tr>";
        for (let perf of data.performances) {
            result += ' <tr><td>${perf.play.name}</td><td>${perf.audience}</td>';
            result += '<td>${usd(perf.amout)}</td></tr>\n';
        }
        result += "</table>\n";
        result += '<p>Amount owed is <em>${usd(data.totalAmount)}</em></p>\n';
        result += '<p>You earned <em>${data.totalVolumeCredits}</em> credits</p>\n';
        return result;
    }
    
    function statement(invoice, plays) {
        return renderPlainText(createStatementData(invoice, plays));
    }
    
    let ret = statement(invoice, plays);
    
    console.log(ret);