媒介

基本上，我们天天都在和 JavaScript 中的种种语句进行着 沟通 ，那些我们常常见面的 老朋侪，或者是不曾见面的 新朋侪 ，它们合营维护着 JavaScript 的流程，让我们的递次稳步运转。那末，你是不是对它们充足相识呢

假如文章中有涌现马虎、毛病的处所，还请看到的小伙伴多多指教，先行谢过

以下↓

JavaScript 辨别表达式和语句。表达式是输出值的，而且能够写在任何须要一个值的处所.笼统来说，一个语句示意实行了一个行动

前提语句

if语句

语法：

if (condition) statement1 else statement2

   // condition 值为真或假的表达式
   // statement1 当 condition 为真时实行的语句
   // statement2 当 condition 为假时实行的语句

if 语句大概是我们打仗迥殊多的前提语句了，依据差别的推断前提实行差别的逻辑

多层
if...else 语句可运用
else if 从句

if (condition1)
   statement1
else if (condition2)
   statement2
...
else
   statementN

switch语句

switch 语句评价一个表达式，将表达式的值与
case 子句婚配，并实行与该状况相干联的语句

语法：

switch (expression) {
  case value1:
  // 代码块
  break;
  case value2:
  // 代码块
  ...
  
  default 
  // 代码块
}

switch 在比较值时，运用的是全等操纵符
=== ，因而不会发作范例转换

假如多个 case 与供应的值婚配，则挑选婚配的第一个 case

假如没有 case 子句相婚配，递次则会寻觅谁人可选的 default 子句，假如找到了，将掌握权交给它，实行相干语句;若没有就实行完 switch 语句

若 break 被省略，递次会继承实行 switch 语句中的下一条语句

迭代语句

do-while语句

do-while 是一种后测试轮回语句，即只需在轮回体中的代码实行以后，才会测试出口前提。换句话说，在对表达式求值之前，轮回体内的代码最少会被实行一次

语法：

do {
    statement
} while(expression)

while语句

while 语句属于前测试轮回语句，即在轮回体内的代码被实行之前，就会测试出口前提

语法：

while(expression) statement

当测试前提一向为真的状况下，就会构成一个死轮回。所以在实行阶段，我们很有必要为轮回设定完毕前提

for语句

for 语句也是前测试轮回语句,它具有实行轮回之前初始化变量和定义轮回后要实行的代码的才能

示例：

var count = 10;
for(var i = 1; i < count; i++){
    // 代码块
}

for 轮回的实行递次是 变量赋值==>推断前提==> (相符就实行代码块，再实行 ++ 操纵) == (不相符就直接跳出轮回)

运用
while 轮回做不到的，运用
for 轮回一样也做不到，
for 轮回只是把与轮回有关的代码集合在了一个处所

for-in语句

for-in 语句是一种精准的迭代语句，用来罗列对象的属性

语法：

for (variable in object) {...}

for...in 轮回只遍历可罗列属性

for..in 轮回输出的属性名的递次是不可展望的。详细来说，一切属性都邑被返回一次，但返回的前后序次可能会因浏览器而异

for...in 会遍历存在于原型对象的可罗列属性

for..in 不适合遍历数组 数组的属性就是它的索引

for-of语句

for…of 是
ES6 新增的迭代体式格局，划定了一个数据结构只需布置了
Symbol.iterator 属性，就被视为具有
iterator 接口，就能够用
for...of 轮回遍历它的成员,它的涌现就是在肯定程度上补充了
for...in 的不足

语法：

for (variable of object) {...}

详细能够 点击这里

for…in 与 for…of 的区分

其他

break和continue语句

break 和
continue 语句用于在轮回中精确地掌握代码的实行

break 语句会马上退出轮回，强制实行轮回背面的语句；continue 语句虽然也是马上退出轮回，然则退出轮回后会从轮回的底部继承实行

var num = 0;
for(var i = 1; i < 10; i++) {
    if(i % 5 === 0 ) {
        break;
    }
    num++;
}

num // 4

for(var i = 1; i < 10; i++) {
    if(i % 5 === 0) {
        continue;
    }
    num++
}

num // 8

label语句

运用
label 语句能够在代码中增加标签，以便未来运用

语法：

label: statement

label 语句平常都邑合营 break 和 continue 运用，多用于多重轮回

var count = 0;
loop1: 
for(var i = 0; i < 10; i++) {
    loop2:
    for(var j = 0; j < 10; j++) {
        if (i == 5 && j == 5) {
         continue loop1;
      }
      count++
    }
}

count // 95

// 不运用 label 语句的状况下会从内里的轮回重新开始，运用 label 标识会从标识的轮回重新开始

with语句

with 语句的作用是将代码的作用域设置到一个特定的对象中，重要目标是为了简化屡次编写同一个对象的操纵

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

// 改写以下

with(location) {
    var qs = search.substring(1);
    var hostName = hostname;
    var url = href;
}

// 运用 with 语句关联了 location 对象

严厉形式下不许可运用
with 语句

with会延伸作用域

大批运用 with 语句会形成递次机能下落

debugger语句

debugger 语句，用来发生一个断点，代码的实行会停在断点的位置，这时候运用调试器来输出变量的值

空语句

语法：

;

平常状况下，空语句会合营 for 轮回来运用

for(;;;){
    // 发生一个死轮回
}

跋文

固然，在 JavaScript 中另有其他的一些语句，比方声明语句、复合语句等。相识它们的用法，我们就能在适宜的场景去更好地运用它们，让我们的代码越发文雅

假如你也是一个前端爱好者，假如你也想相识、分享更多前端的妙技和风趣的东西，点击这里 你将看到更多分享，迎接 star 关注

期待偕行

以上