6.2.1    if语句

  if语句是最简单的JavaScript控制结构,只有条件为真时,才会用它来执行代码。回到HTML文件,用如下语句来替换script元素中的两行内容:

《javascript-少儿编程》第六章条件与循环之if语句

  首先在❶处,创建了一个名为name的变量,并把它的值设置为”Nicholas”。然后,在❷处,使用console.log方法把字符串”Hello Nicholas”显示到控制台。

  在❸处,使用一个if语句来判断name的长度是否大于7.如果大于7,则在❹处使用console.log,在控制台显示”Wow,you have a REALLY long name”。

  如图6-1所示,if语句有两个主要部分:条件和主体。条件应该是一个Boolean值。主体是一行或多行JavaScript代码,如果条件为真,就可以执行这些代码。

《javascript-少儿编程》第六章条件与循环之if语句

图6-1 if 语句的一般结构

  当加载这个带有JavaScript的Web页面时,在控制台会看到如下所示的内容:

《javascript-少儿编程》第六章条件与循环之if语句

  Nicholas有8个字符,所以name.length返回8.因此,条件name.length>7为true,这会执行if语句中的主体,导致显示这条带有惊叹语气的消息。要避免触发这个if条件,把姓名Nicholas改为Nick(其他的代码不动):

《javascript-少儿编程》第六章条件与循环之if语句

  现在,保存这个文件,并加载页面。这次,条件name.length>7不为true,因为name.length是4.这就是意味着,不会运行这条if语句的主体,控制台只是显示如下所示的内容:

《javascript-少儿编程》第六章条件与循环之if语句

  只有条件为真时,才会执行if语句中的主体部分,当条件为假,解释器直接跳过这条if语句,转到下一行。

作者:nick morgan 翻译:李强