Question

我正在从一本名为Node Web Developments的书中学习node.js教程。

问题：在代码的一部分中，包含HTML代码的数组[]从mult-node.js传递到所需的函数htutil.page()作为第三个参数，以及exports.navbar()中exports.page()和htutil.js返回的2个值，但我无法弄清楚为什么它必须是数组而不是长字符串？我没有看到htutil.page()中的任何代码将数组提取到一个长字符串中，它将显示在HTML页面上。

htutil.js

var url = require('url');

exports.loadParams = function(req, res, next) {
    req.requrl = url.parse(req.url, true);
    req.a = (req.requrl.query.a && !isNaN(req.requrl.query.a))
        ? new Number(req.requrl.query.a)
        : NaN;
    req.b = (req.requrl.query.b && !isNaN(req.requrl.query.b))
        ? new Number(req.requrl.query.b)
        : NaN;
        if(next) next();
}

exports.navbar = function() {
    return ["<div class='navbar'>",
            "<p><a href='/'>Home</a></p>",
            "<p><a href='/mult'>Multiplication</a></p>",
            "<p><a href='/square'>Square's</a></p>",
            "<p><a href='/factorial'>Factorial's</a></p>",
            "<p><a href='/fibonacci'>Fibonancci's</a></p>".
            "</div>"].join('\n');
}

exports.page = function(title, navbar, content) {
    return ["<html><head><title>{title}</title></head>",
            "<body><h1>{title}</h1>",
            "<table><tr>",
            "<td>{navbar}</td><td>{content}</td>",
            "</tr></table></body></html>"].join('\n');
            .replace("{title}", title, "g")
            .replace("{navbar}", navbar, "g")
            .replace("{content}", content, "g");
}

的MULT的node.js

var htutil = require('./htutil');
exports.get = function(req, res) {
    res.writeHead('200', {'Content-Type': 'text/html'});
    var result = req.a * req.b;
    res.end(
        // THIS IS THE FUNCTION WHERE THE ARRAY OF HTML CODE IS PASSED INTO
        htutil.page('Multiplication', htutil.navbar(), [
            (!isNaN(req.a) && !isNaN(req.b) ?
                ("<p class='result'>{a} * {b} = {result}</p>"
                .replace('{a}', req.a)
                .replace('{b}', req.b)
                .replace('{result}', req.a * req.b))
                : ""),
            "<p>Enter numbers to multiply</p>",
            "<form name='mult' action='/mult' method='get'>",
            "A: <input type='text' name='a' /><br>",
            "B: <input type='text' name='b' />",
            "<input type='submit' value='Submit' />",
            "</form>"
            ].join('\n'))
        );
}

Answer 1

从我可以看到它没有传递一个数组 - 它在传入之前将它连接成一个字符串。

这样做的原因是字符串连接（至少据称）比重复连接更有效，这当然取决于join的实现，但我想大多数实现都会优化它。 JavaScript没有StringBuffer或StringBuilder类型，因此加入数组是最接近的。

为什么必须将它作为数组而不是字符串传递？

1 个答案: