种方式是es6的语法.使用键盘1左边的那个字符 `` 拼接,
再加上js自带的模板引擎拼接字符串非常快速.这东西也没什么高深的,看几个例子就懂了.
console.log(`<xml>
<ToUserName><![CDATA[toUser]]></ToUserName>
<FromUserName><![CDATA[fromUser]]></FromUserName>
<CreateTime>12345678</CreateTime>
<MsgType><![CDATA[text]]></MsgType>
<Content><![CDATA[你好]]></Content>
</xml>`);
var str1='hello';
console.log(`${str1} world`);
var a=10;
var b=20;
console.log(`a+1=${a+1};b*2=${b*2}`);
运行结果:
----浏览器中
在nodejs中目前的版本对 ``是完全支持的,浏览器支持就各不相同了,手机端安卓支持,但苹果手机貌似不支持,至少苹果微信浏览器对这个是不支持的.
大概就以下几点功能:
换行不用加号拼接
可以用${}传入变量
可以进行数字的计算
不过呢有利有弊,据说性能上没有正常的拼接高.
意外金喜的博客:http://blog.csdn.net/zzwwjjdj1
郑重申明,发表的文章都是我自己博客原创的,这是技术分享,再被封就不在这里玩了. ╭(╯^╰)╮
其他许多编程语言一样,javascript使用分号(;)将语句分隔开。
当然,在javascript中,如果语句各占一行,通常可以可以省略语句之间的分号,在运行时,会自动加上分号。
下面我来讲讲关于分号几个需要注意的细节。
a=3 b=3 //可以省略分号
如果按照下面的格式书写,就不能省略分号。
a=3;b=4;
但是需要注意的是,javascript并不是在所有换行的地方都填补分号,只有在缺少了分号就无法正确解析代码的时候,javascript才会填补分号。
举个例子
var a a=3 cosole.log(a)
javascript会将其解析为:
var a;a=3;console.log(a);
javascript给第一行换行处添加了分号。
因为如果没有分号,javascript就无法解析代码 var a a。同理可得,javascript在第四行换行处填补分号,才能解析。
再来看个不能省略分号的例子
var y=x+f (a+b).toString()
javascript会将其解析成
var y=x+f(a+b).toString()
显然这不是我们想要的结果,必须加上分号。
如果当前语句和下一语句无法合并解析,javascript则在第一行后填补分号,这是通用规则,但是有两个例外。
一:在涉及return、break和continue语句得场景中。比如:
return true
javascript会解析成
return;true;
这肯定不是我们的本意,我们希望是这样的
return true;
也就是说在return、break和continue和随后的表达式之间不能有换行。
二:在涉及“++”或“--”运算符的时候。这些运算符可以作为表达式的前缀,也可以当做表达式的后缀。如果将其用作表达式的后缀。如果将其用做后缀表达式,它和表达式应当在同一行。否则,行尾将填补分号,同时“++”或“--”将会作为下一行代码的前缀操作符并与之一起解析。例如:
x ++ y
这段代码将被解析成:
x;++y;
而不是
x++;y;
日寄语:你的态度决定人生的高度,别被狭隘的格局阻挡你看更大的世界!
1.循环变量的初始化
2.循环条件的判断
3.循环变量的改变
while 循环
语法:
var i=1; // 循环变量的初始化
while(i<=100 //循环条件的判断) { 循环体、循环变量的改变,}
执行的步骤:
循环变量初始化-->循环条件的判断(true即满足条件)-->循环体-->循环变量的改变....(一直重复这样的步骤去执行,只有当循环条件判断为false 即不满足条件的时候就会终止)
下面用实例来一起给大家演示,希望大家可以一起对着这个代码一起敲一遍,只有自己亲自动手去敲一遍才能印象更加的深刻
<html lang="en">
<head>
<meta charset="UTF-8">
<title>javascript 学习基础篇之循环语句(第8节)</title>
<script type="text/javascript">
/**
* while 循环
* 语法结构: while() {}
*/
// 循环输出1到20之间的所有数字
var n=1;
while(n<=20) { // 条件为判断变量小于等于20的值
// 输出循环体 n 拼接一个换行用来更加直观的看出来
document.write(n+'<br>');
// 循环变量的改变 每循环一次+1
n++;
}
// 循环出1到30之间的偶数
var i=1; // 初始化变量
while(i<=30) {
// 满足条件就进入循环执行结果
if(i%2==0) { // 这个条件为所有偶数的筛选条件,只有满足这个条件才能输出变量体i
document.write(i+" ");
}
i++;
}
do...while循环
语法:do{
// 循环体
// 循环变量的改变
}while(循环的条件);
执行的步骤:
循环变量的初始化-->立刻执行一次循环体-->循环变量的改变-->循环条件判断(如果满足条件,即结果为true)-->循环体-->循环变量的改变-->循环条件的判断(不满足的话)-->跳出循环
注意:这种执行的步骤一定会执行一次循环体
下面来看下例子:
/**
* do...while()
* 语法结构:
* do{// 循环体 //循环变量改变 }while(条件);
*/
// do...while循环输出1到10的所有数字
var j=1;
do{
document.write(j+" ");
j++;
}while(j<=10);
document.write('<br/>');
// while 循环输出1到10的所有数字
var k=1;
while(k<=10) {
document.write(k+" ");
k++;
}
// 以上所输出的结果都相同,看不出不同点
那么肯定有很多朋友要问了 ,没有不同之处,为何要学习两个呢?答案肯定是有不同点的。
接下来我们来了解下不同之处,我们把条件全部改成大于等于10,再来操作看结果会是怎么样?
// do...while 循环1到10所有的数字,条件都是变量大于等于10
var a=1;
do{
document.write(a+"-");
a++;
}while(a>=10);
// while循环1到10所有的数字,条件都是变量大于等于10
var b=1;
while(b>=10) {
document.write(b+" ");
b++;
}
//以上只有do...while() 有执行一次结果1
</script
</head>
<body></body>
</html>
以上为今天的while循环和do...while循环的内容学习
总结下:
一、循环的构成要素必须要满足以下3个,才能够执行,否则就容易进入死循环
(1)循环体变量的初始化
(2)循环条件的判断
(3)循环体,循环的改变
以上3要素缺一不可。
二、while循环和do...while循环的区别
当循环的条件都为ture时,所执行出来的结果,会是相同。
当循环的条件同时为false时,所执行的结果就 有出现不同,while循环将不会执行任何操作,因为一开始条件就不满足,所以循环不会执行。那么do...while循环的话,会先执行一次结果,然后才进入条件判断。
大家要将这些基础牢记,加以举一反三运用到自己的实践当中,那才能学以自用。
下一节将给大家讲重点的for循环,这是以后用的非常之多的一个循环结构,所以单独分开跟大家讲一节,想要学习的记得关注我的头条号--七天励志。
*请认真填写需求信息,我们会在24小时内与您取得联系。