JS 的基本语法

290 阅读4分钟

表达式和语句

标识符的规则

if else 语句

while for 语句

break continue

label

表达式和语句:

  • 表达式,由运算符构成,并运算产生结果的语法结构。每个表达式都会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数.下面的每行代码都是一个表达式:
var a = (5 + 6) / 2; //表达式:(5 + 6) / 2
var b = (function(){ return 25;})(); //表达式: (function(){ return 25;})()
foo(a*b); //表达式:a*b
  • 语句,由“;(分号)”分隔的句子或命令。如果在表达式后面加上一个“;”分隔符,这就被称为“表达式语句”。它表明“只有表达式,而没有其他语法元素的语句”。
var a = (5 + 6) / 2; //整行,赋值语句
if(a>12) { statements} //条件语句
var o = {}; //赋值语句
(function(obj){ obj.b = 23;})(o||{}); //表达式语句

标识符的规则:

  1. 标识符中可以含有字母,数字,下划线,$
  2. 标识符不能以数字开头
  3. 标识符不能是ES关键字或保留字
  4. 标识符一般都采用驼峰命名法(首字母小写,每个单词的首字母大写,其余字母小写) 例如:helloWorld

if else 语句:

使用 if 来规定要执行的代码块,如果指定条件为 true

使用 else 来规定要执行的代码块,如果相同的条件为 false

使用 else if 来规定要测试的新条件,如果第一个条件为 false

使用 switch 来规定多个被执行的备选代码块

if 语句

使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。

if (条件) {
    如果条件为 true 时执行的代码
} 

else 语句

使用 else 语句来规定假如条件为 false 时的代码块。

if (条件) {
    条件为 true 时执行的代码块
} else { 
    条件为 false 时执行的代码块
}

else if 语句

使用 else if 来规定当首个条件为 false 时的新条件。

if (条件 1) {
    条件 1 为 true 时执行的代码块
} else if (条件 2) {
    条件 1 为 false 而条件 2 为 true 时执行的代码块
 } else {
    条件 1 和条件 2 同时为 false 时执行的代码块
}

while for 语句:

循环次数不限制、不确定用while

循环次数有限制、已确定用for

while语法:

  1. while语法:
while(循环条件){
循环主体;
}

计算表达式的值,当值为真(非0)时,则 执行循环体语句。

2.do.....while语法:

do{

循环体;

}while(循环条件):

do-whilewhile循环的不同之处在于:它先执行循环中的语句,然后再判断表达式是否为真, 如果为真则继续循环;如果为假, 则终止循环。因此, do-while循环至少要执行一次循环语句。

while语句中的表达式一般是关系表达或逻辑表达式,只要表达式的值为真(非0)即可继续循环。 循环体如包括有一个以上的语句,则必须用{}括起来,组成复合语句。

for语法:

for(循环变量初始化;循环条件判断;循环迭代){
循环体;
}

循环执行过程:

  1. 执行循环条件的初始化 例:var a=0;

  2. 循环条件的判断 例:a<5;

    若循环条件成立,则执行循环体

    若循环条件不成立,则结束循环

  3. 执行循环体,循环条件的迭代 例:a++;

  4. 重复执行第二步

break continue:

Break 语句

它被用于“跳出” switch 语句。

break 语句也可用于跳出循环。

break 语句会中断循环,并继续执行循环之后的代码(如果有):

for (i = 0; i < 10; i++) {
    if (i === 3) { break; }
    text += "数字是 " + i + "<br>";
}

Continue 语句

continue 语句中断(循环中)的一个迭代,如果发生指定的条件。然后继续循环中的下一个迭代。

for (i = 0; i < 10; i++) {
    if (i === 3) { continue; }
    text += "数字是 " + i + "<br>";
} 

label:

标记语句可以和 break 或 continue 语句一起使用。标记就是在一条语句前面加个可以引用的标识符(identifier)。

var str = "";

loop1:
for (var i = 0; i < 5; i++) {
  if (i === 1) {
    continue loop1;
  }
  str = str + i;
}

console.log(str);
// expected output: "0234"