大家好，又见面了，我是你们的朋友全栈君。
1、引言
在JavaScript中，当定义一个大的字符串，特别是有换行情况时，为了看起来整齐、易读，一般使用续行符，例如：
var script = "var chart = anychart.pieChart([\
['Chocolate paste', 5],\
['White honey', 2],\
['Strawberry jam', 2],\
['Сondensed milk', 1]\
]);\
//chart.bounds(0, 0, 100%,100%);\
var stage = anychart.graphics.create('container', 600, 400);\
stage.container('container');\
chart.container(stage).draw();\
";2、问题
如果我们直接拿这段代码去执行，就会发现结果和最初的预想大相径庭，为什么呢？
3、问题分析
因为，作为脚本，使用续行符时，只是保证字符串的连续性和合法（说明这时一个完整的串），但不会将换行符也包含在字符串中。也就是说，上面的代码中，script串将不会包含换行符。这是一个很严重的问题，如果串为脚本代码，且含有行注释符（”//“），则会改变了原有的逻辑，行注释符后面的代码将都被注释掉，不会被执行。
举个例子，下面这个例子通过将脚本代码编码，然后发送到后台执行（如在Node.js中执行），这里为了演示方便，只是简单的遍解码：
<textarea id="textarea1" rows="15" cols="53"></textarea>
<script lang="javascript">
var script = "var chart = anychart.pieChart([\
['Chocolate paste', 5],\
['White honey', 2],\
['Strawberry jam', 2],\
['Сondensed milk', 1]\
]);\
//chart.bounds(0, 0, 100%,100%);\
var stage = anychart.graphics.create('container', 600, 400);\
stage.container('container');\
chart.container(stage).draw();\
";
var script_out = encodeURIComponent( script);
var textarea1 = document.getElementById('textarea1');
textarea1.value = decodeURIComponent(script_out);
</script>
运行结果
![JavaScript[容易忽视的错误]：当续行遇到换行，换行符丢失](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
![JavaScript[容易忽视的错误]：当续行遇到换行，换行符丢失](https://img-blog.csdn.net/20150714104655953)
可以看到字符串script中的换行符丢失，代码乱成一团，特别是
//chart.bounds(0, 0, 100%,100%);这一行和后面的行连成了一体，假设执行这段代码，这其后面的代码均不会被执行。
4、解决办法
在有行注释的代码后加上换行符\n，避免后面的代码被注释掉，或者使用范围注释符（/* */）对代码进行注释。
![JavaScript[容易忽视的错误]：当续行遇到换行，换行符丢失](https://img-blog.csdn.net/20150714104635149)
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/145007.html原文链接：https://javaforall.net
