整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          最優雅,高效的javascript,nodejs字符

          最優雅,高效的javascript,nodejs字符串拼接

          種方式是es6的語法.使用鍵盤1左邊的那個字符 `` 拼接,

          再加上js自帶的模板引擎拼接字符串非常快速.這東西也沒什么高深的,看幾個例子就懂了.

          1. console.log(`<xml>

          2. <ToUserName><![CDATA[toUser]]></ToUserName>

          3. <FromUserName><![CDATA[fromUser]]></FromUserName>

          4. <CreateTime>12345678</CreateTime>

          5. <MsgType><![CDATA[text]]></MsgType>

          6. <Content><![CDATA[你好]]></Content>

          7. </xml>`);

          8. var str1='hello';

          9. console.log(`${str1} world`);

          10. var a=10;

          11. var b=20;

          12. 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;
          

          關注+轉發,私信小編可獲得javascript學習資料。

          日寄語:你的態度決定人生的高度,別被狹隘的格局阻擋你看更大的世界!

          循環的三個要素

          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循環,這是以后用的非常之多的一個循環結構,所以單獨分開跟大家講一節,想要學習的記得關注我的頭條號--七天勵志。


          主站蜘蛛池模板: 中文字幕av一区| 中日av乱码一区二区三区乱码| 美女AV一区二区三区| 国产精品自在拍一区二区不卡| 日本成人一区二区三区| 日韩aⅴ人妻无码一区二区| 国产伦精品一区二区三区视频猫咪| 一区二区视频在线| 一区二区三区观看| 精品国产一区在线观看| 亚洲一区二区三区电影| 亚洲av区一区二区三| 在线视频精品一区| 国产精品视频分类一区| 曰韩精品无码一区二区三区| 国产精品一区二区久久乐下载| 任你躁国语自产一区在| 国产在线精品一区二区三区直播| 国产一区二区精品久久岳√| 中文字幕av日韩精品一区二区| 国产一区二区三区夜色| 国产嫖妓一区二区三区无码| 午夜影院一区二区| 99精品国产高清一区二区| 中文字幕久久亚洲一区| 日本免费一区尤物| 无码人妻精品一区二区三区9厂| 日本内射精品一区二区视频| 国产在线无码视频一区二区三区| 亚洲一区二区三区无码影院| 精品一区二区91| 日本一区二区三区四区视频| 日韩免费一区二区三区在线| 91无码人妻精品一区二区三区L| 国模无码一区二区三区不卡| 色狠狠一区二区三区香蕉蜜桃| 精品福利一区二区三区| 一区二区在线免费视频| 福利在线一区二区| 亚洲av无码天堂一区二区三区| 一区二区三区杨幂在线观看|