JavaScript:多行字符串

原文:http://www.cnblogs.com/ziyunfei/archive/2012/10/04/2711551.html

多行字符串的作用是用来提高源代码的可读性.尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性.在一些语言中,多行字符串还可以用来做代码注释.
大部分动态脚本语言都支持多行字符串,比如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)中添加了DoubleStringCharacterSingleStringCharacter: 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.

原文地址:https://www.cnblogs.com/lcyuhe/p/8462706.html

时间: 2024-08-29 11:56:01

JavaScript:多行字符串的相关文章

PHP中的多行字符串传递给JavaScript方法两则

PHP和JavaScript都是初学.近期有这么个需求: 例如说有一个PHP的多行字符串: $a = <<<EOF thy38 csdn blog EOF; 传递给JavaScript后要等价于: var c='thy38\ncsdn\nblog'; 由于对这两门语言的理解低到不知怎样Google.仅仅好自己摸索出方法两则: 1.  将PHP先转义.然后切割.然后转JSON,然后JavaScript parse,最后用\n拼接. var b=JSON.parse(<? php ec

Javascript实现多行字符串

打开百度首页,进入控制台的时候,我们在console控制台总可以看到一段文字: 这些文字是如何显示在控制台的呢?? Javascript中的函数被看作是一个对象拥有自己的方法,其中一个小方法fn.toString()可以帮助我们实现多行字符串的效果. fn.toString()关键是利用他可以返回注释这一点,代码如下: var f = function () {/* 一张网页,要经历怎样的过程,才能抵达用户面前? 一位新人,要经历怎样的成长,才能站在技术之巅? 探寻这里的秘密: 体验这里的挑战:

javascript正则表达式和字符串RegExp

这篇文章主要介绍了javascript正则表达式和字符串RegExp and String(一)的相关资料,需要的朋友可以参考下 前言 正则表达式是javascript非常重要和常用的功能,在jquery等大型框架中用的非常频繁,最近抽时间学习了解了相关知识,记录下来与需要的朋友分享. 思维导图: RegExp(正则表达式)的创建方式 可以通过两种方式创建一个RegExp,具体如下: 通过/-./的方式来创建正则表达式(注意: /--/两边是没有单引号或双引号的) 通过RegExp构造方法来创建

每天一个JavaScript实例-去除字符串末尾的空白

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-去除字符串末尾的空白</title> <script> function white(){ var input = document.ge

【JavaScript】计算字符串的长度

定义: functionGetChineseCount(str) { varchinieseCount=0; varbadChar="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; badChar+="abcdefghijklmnopqrstuvwxyz"; badChar+="0123456789"; badChar+=""+" ";//半角与全角空格 badChar+="`[emai

javascript中对字符串的操作总结

没听过一句话吗?程序员的世界,不处理字符串就是处理数组.这是群里的一位前辈和我说的,显然这和我之前理解的DOM是javascript的核心的不同的,看了几个面试题的内容,感觉前辈说的话非常的有道理,因此总结下,javascript中对字符串的操作. String类型 首先字符串类型是基本类型,但是在这里我们所说的是字符串的对象包装类型.因为只有引用类型才会有属性和方法.实际上每读取一个基本类型的同时都会创建一个对应的基本包装类型,从而让我们能够调用一些方法来操作数据.1.charAt() 和 c

javascript 60行编写的俄罗斯方块游戏

转自 http://www.zuidaima.com/share/1759652641295360.htm <!doctype html><html><head></head><body> <div id="box" style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow

利用char, str2mat, strvcat创建多行字符串数组

用专门函数char , str2mat , strvcat创建多行字符串数组示例. 1.char('str1', 'str2',...) Convert to character array (string)转换成字符串数组,空字符串是有效的. 示例:S1=char('This string array','', 'has two rows.')   S1 = This string array has two rows. 2.str2mat  (新版本中被char替代) Form blank-

JavaScript中的字符串操作

JavaScript中的字符串操作 一.概述    字符串在JavaScript中几乎无处不在,在你处理用户的输入数据的时候,在读取或设置DOM对象的属性时,在操作cookie时,当然还有更多....JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作,如分割字符串,改变字符串的大小写,操作子字符串等.    当前的大部分浏览器也能从强大的正则表达式获益,因为它极大地简化了大量的字符串操作任务,不过它也需要你克服一条有些陡峭的学习曲线.在这里,主要是介绍字符串本身的一些操作,正