種方式是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小時內與您取得聯系。