近来在学习JavaScript的过程中发现了一个由于连接符号前后内容交换而产生的一个神奇的效果,下面粘贴一下代码看看效果如何:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>+操作符</title>
<script type="text/javascript">
var mynum= 1 + 5;
var mychar= "中" +"国";
var mye = 1 + 5 +" "+"中" +"国";
var myr = "中" +"国" +" "+ 1 + 5;
document.write("mynum的值:"+mynum+"<br>");
document.write("mychar的值:"+mychar+"<br>");
document.write("mye的值为:"+mye+"<br>");
document.write("myr的值为:"+myr);
</script>
</head>
<body>
</body>
</html>
运行的结果如下
mynum的值:6
mychar的值:中国
mye的值为:6 中国
myr的值为:中国 15
其中最大的差别在于mye和myr的结果,明明两个内容都一样,但是输出的结果却有着根本的差别,mye的结果是前面连接数字的”+”表示的是加法运算,而myr后面连接数字的”+”仅仅表示连接作用。产生差别的原因就是字符串在数字的前面还是后面。若字符串在数字运算的后面,那前面的”+”表示加法运算符,但如果字符串在数字运算的前面,那么后面的数字运算则仅仅表示字符串的连接。