整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

最优雅,高效的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循环,这是以后用的非常之多的一个循环结构,所以单独分开跟大家讲一节,想要学习的记得关注我的头条号--七天励志。