多行字符串的作用是用来提高源代码的可读性.尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性.在一些语言中,多行字符串还可以用来做代码注释.
大部分动态脚本语言都支持多行字符串,比如Python, Ruby, PHP. 但Javascript呢?
译者注:python中可以使用两种多行字符串的写法,一种是使用三引号,也是python中多行注释的方法,这种方法产生的多行字符串是真正的多行.也就是说,解释器会认为每行的结尾处的确有一个"\n":
>>>print("""我 你 他 """) 我 你 他
另一种写法是
>>>print("我\ 你\ 他\ ") 我你他
这种写法也是下面要讲的JavaScript目前实现的写法,它产生的实际上只有一行字符串.但称它为多行指的是在源代码中这个字符串占用了多个物理行(对应的概念是逻辑行).
Ruby, PHP中是通过Here document实现多行字符串.
你在网上见过下面这种结论吗?
"Javascript不支持多行字符串."
"多行字符串不是合法的JavaScript语法."
"这种特性是没有被标准化的私有实现."
如果是的话,忘掉它们吧,这样的说法是不对的.Javascript其实支持多行字符串.
关于JavaScript最奇怪的一件事是,尽管这门语言有着非常好的规范文档ECMA-262.但却有很多关于该语言的误解.网上有太多描述不恰当的或者完全错误的文章.
当然,每个人都有权选择自己去读什么文章,有权选择是否相信文章中给出的结论.但当我在博客上,邮件列表上,twitter上,或者其他任何地方阅读关于JavaScript的东西时,我总是会动手进行测试,最主要的是我会打开ECMA-262,把文中给出的信息和文档做对比,看看是不是像他说的那样.也许你会问我:"那你为什么还要读别人的文章啊?".是啊,既然有了ECMA-262文档,我们为何还要去读别人写的文章呢?首先,规范文档是比较难阅读和难理解的.你必须很熟悉文档中提到的那些抽象的东西才能真正的弄懂它.而且你必须阅读完整的相关内容.如果你跳过一些单词或句子,你就可能理解错误.
写在博客中的文章可以看作是更高层次的文档.通常意味着作者是在读过文档之后,用更容易理解的话语和代码片段解释了文档中的内容.这样的文章才算是好文章.
多行字符串就是我上面所说的一个例子.它确实是正式规范(ECMA 265 5th edition)的一部分,ES5扩展了字符串字面量的语法.在(7.8.4 String Literals)中添加了DoubleStringCharacter
和 SingleStringCharacter
: LineContinuation
.
LineContinuation
的语法是:
\ LineTerminatorSequence
LineTerminatorSequence
指的是下面这些字符中的一个:
换行符 | <LF> |
回车符 | <CR> |
行分割符 | <LS> |
段分隔符 | <PS> |
换句话说,你可以通过转义行终止符来实现多行字符串.你必须这么做,否则会得到一个语法错误.
var htmlStr = '\
<div>\
content\
</div>\
';
当他,这种写法只支持ECMA-262-5的环境.(译者注:实际上,ES3的环境也全都支持)
但是需要注意的是,当输出字符串时,换行符是不会显示出来的.如果你需要真实的换行,必须在反斜杠前面加上一个\n
.
如果你需要兼容旧的引擎环境,你应该使用多个字符串相连接的办法,或者把多个字符串分别放在一个数组的元素中,最后join它们
var htmlStr = '<div>' +
'content' +
'</div>';
var htmlStr = [
'<div>',
'content',
'</div>'
].join('');
JavaScript风格的多行字符串是有点小丑,而且很容易出错.不过有个好消息是,在未来版本的规范中,将会有一个 Template Strings
: http://wiki.ecmascript.org/doku.php?id=harmony:quasis.