【JavaScript】【语法】语句

旺仔小猪
123 阅读5分钟

一、语句是什么

JavaScript语句是发给浏览器的命令

  • JavaScript程序： 计算机程序是由计算机“执行”的一系列“指令”。在编程语言中，这些编程指令被称为语句。

    JavaScript程序就是一系列的编程语句

  • 作用：告诉浏览器要做的事情

  • 语句构成：值、运算符、表达式、关键词和注释

示例：

// 向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ：
document.getElementById("demo").innerHTML = "你好 Dolly";

注释：JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码。

二、语句分类

语句分类：

  • 条件语句：
    • if 选择语句
    • switch 多条件选择语句

2.1 if选择语句

作用：用于基于不同的条件来执行不同的动作

适用场景：

  • if语句：只有当指定条件为 true 时，使用该语句来执行代码
  • else语句：如果if语句的条件为false，则执行该代码块
  • else if语句：检测一个新的条件，如果第一个条件为false
  • switch语句：选择多个代码块中其中一个执行

语法：

  • if 语句指定了在条件为 true 时执行的代码块：
if (condition) {
    如果 condition 为 true 执行该代码块
}
  • else 语句指定在条件为 false 时执行的代码块：
if (condition) {
    如果 condition 为 true 执行该代码块
} else {
    如果 condition 为 false 执行该代码块
}
  • else if 语句在第一个条件为false时指定了新的条件:
if (condition1) {
    如果 condition1 为 true 执行该代码块
} else if (condition2) {
    如果 condition1 为 false 且 condition2 为 true 执行该代码块
} else {
    如果 condition1 为 false 且 condition2 为 false 执行该代码块
}

参数值：

  • condition：必须。表达式，用于条件判断： true 或 false

2.2 switch多条件选择语句

定义：用于基于不同的条件来执行不同的动作

工作原理：

  • 首先设置表达式n（通常是一个变量）
  • 随后表达式的值会与结构中的每个case的值做比较
  • 如果存在匹配，则运行该case下的代码
  • 请使用break来阻止代码自动地向下一个case运行
  • default 关键词来规定匹配不存在时做的事情

关键字：

  • break 关键字：用于跳出switch代码块。会终止switch代码块的执行。如果忽略该关键字，switch语句的下一个代码块会被执行
  • default 关键字：来规定匹配不存在时做的事情。default 关键字在 switch 语句中只能出现一次。虽然是可选参数，但是建议都使用该参数，在不是我们期望的情况下，可以使用它输出信息。

语法：

switch(expression) {
    case n:
        代码块
        break;
    case n:
        代码块
        break;
    default:
        默认代码块
}

参数值：

  • expression：必须。指定计算的表达式。表达式只计算一次。表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。

示例：

var text;
switch (new Date().getDay()) {
    case 6:
        text = "Today is Saturday";
        break;
    case 0:
        text = "Today is Sunday";
        break;
    default:
        text = "Looking forward to the Weekend";
}

2.3 for 循环语句

循环代码块一定的次数

希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

语法：

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}
  • 语句 1: （代码块）开始前执行
  • 语句 2: 定义运行循环（代码块）的条件
  • 语句 3: 在循环（代码块）已被执行之后执行

示例：

for (var i=0; i<5; i++)
{
    x=x + "该数字为 " + i + "<br>";
}

2.4 while循环语句

while语句只要指定条件为true，就会执行循环。

只要指定条件为true，循环就可以一直执行代码。

语法：

while (condition) {
    code block to be executed
}

参数值：

  • condition：必须。定义执行循环的条件。如果返回 true，循环会继续执行，如果返回 false，循环会停止。

    如果你的条件一直为 true，就会形成死循环

示例：

// 通过数组的索引循环，输出车名：
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
    text += cars[i] + "<br>";
    i++;
}

// 使用 break 语句 - 在 变量 i 等于 3 时退出循环：
var text = "";
var i = 0;
while (i < 5) {
    text += "<br>The number is " + i;
    i++;
    if (i == 3) {
        break;
    }
}

// 使用 continue 语句 - 循环代码块，在变量为 "3" 时跳过该次循环:
var text = "";
var i = 0;
while (i < 5) {
    i++;
    if (i == 3) {
        continue;
    }
    text += "<br>The number is " + i;
}

2.5 do-while循环

do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

语法：

do {
    执行代码
} while (condition);

参数值：

  • condition：必须。定义执行循环的条件。如果返回 true，循环会再次执行，如果返回 false，循环结束。

    如果新欢条件为 true，或未设置变量字增长，将会形成死循环

示例：

var text = ""
var i = 0;
do {
    text += "<br>数字为 " + i;
    i++;
} while (i < 5);

2.6 break跳转语句

将直接跳出并结束当前循环结构

只能用在循环或switch中

2.7 continue跳转语句

用于跳过循环中的一个迭代

只能用在循环中

2.8 function

function 语句用于声明一个函数。

在 JavaScript 中，函数是对象，函数也有属性和方法。

函数也可以通过表达式定义

语法：

function functionName(parameters) {
    执行的代码
}

参数值

  • functionName：必须。指定了函数的名称。函数名称可以包含字母，数字，下划线， 和美元符号（变量命名规则也是如此）

  • parameters：可选。指定一个或多个参数名，多个参数可用英文逗号(,)隔开。

    函数在调用时会接收真正的值。在函数内，参数是局部变量。

    如果调用函数时未指定参数，为指定参数的值会设置为 undefined

示例：

function myFunction() {
    return Math.PI;
}

myFunction(); // 3.141592653589793

2.9 throw

throw 语句抛出一个错误。

当错误发生时， JavaScript 会停止执行并抛出错误信息。

如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息。

语法：

throw expression;

参数值：

  • expression：必须。抛出的异常。可以是字符串、数字、逻辑值或对象。

2.10 return 语句

return 语句会终止函数的执行并返回函数的值。

语法：

return [[expression]];

返回 expression 的值。如果忽略，即 return; 则返回 undefined。

2.11 try/catch/finally 语句

try/catch/finally 语句用于处理代码中可能出现的错误信息。

  • try语句允许我们定义在执行时进行错误测试的代码块。

  • catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。

  • finally 语句在 try 和 catch 之后无论有无异常都会执行。

注意点：

  • catch 和 finally 语句都是可选的，但你在使用 try 语句时必须至少使用一个。

语法：

try {
    tryCode - 尝试执行代码块
}
catch(err) {
    catchCode - 捕获错误的代码块
}
finally {
    finallyCode - 无论 try / catch 结果如何都会执行的代码块
}

参数值：

  • tryCode：必须。检查是否有错误的代码块。
  • catchCode：可选。如果 try 语句发生错误执行的代码块。如果 try 语句没发生错误该代码不会执行。
  • finallyCode：可选。无论 try / catch 的结果如何都会执行。
  • err：必须(如果使用 catch)。指定局部变量应用的错误。该变量可以引用 Error 对象 (包含发生的错误信息，如 "'addlert' 没有定义")。如果异常通过 throw 语句创建 ， 该 变量引用了为在throw语句中指定的对象 (查看 "更多实例")

示例：演示地址

avatar
文章
阅读
粉丝