任务:进阶3:JS函数

前言

在程序设计语言里面有一种语句叫决策语句,可以使程序根据是否满足特定的条件,运行相对应代码。换言之,决策语句使得代码具有一定的智能。
通过决策语句,我们可以实现一些数据与数据之间的比较,例如:

  • 1是否小于2 ?
  • 1是否等于2 ?
  • 1是否是数字 ?
  • ···

以上这些问题都可以用“是”和“否”来回答,在JavaScript里这两个答案称为布尔值。将布尔值设定为条件,让代码根据不同的布尔值来执行不同的结果。
在这里举一个最常见的例子:

如果水已经煮沸了,那么我就可以开始泡茶,否则继续等水煮沸。

这就是典型的决策语句。其中“水是否煮沸“便是一个条件,而答案就只有”是“或者”否“,这两个答案就是布尔值”true“和”false“。”我“根据不同的布尔值,执行”开始泡茶“和”继续等水煮沸“这两种命令。


if语句

if语句,是JavaScript里面的其中一种决策语句。像上述的例子,在JavaScript里面可以写成以下的代码:

if (waterTemperature  ==  100) //判断条件waterTemperature == 100
{
    document.write ("水开了,开始泡茶");//如果判断条件为true,则执行大括号内的所有代码
}

当给waterTemperature赋值为100的时候,解释器就会调用Boolean()把判断条件转换为布尔值,若得出的布尔值为true,继而执行document.write("水开了,开始泡茶")这段代码;若得出的布尔值为false,则跳过大括号里面的代码。

if...else语句

根据上面的例子,若也要给出一个水还没有煮沸的时候的提醒,会这样:

if (waterTemperature == 100) {
    document.write ("水开了,开始泡茶");
}
if (waterTemperature != 100) {
    document.write ("水还没有煮沸,再等等吧");
}

通过额外增加一个if语句,来补充另外的情况。虽然这样写没有什么问题,但是当额外的条件比较多的时候,连续使用if语句会使代码显得比较累赘,这时候我们让if配合else来使用:

if (waterTemperature >= 100) {
    document.write ("水开了,开始泡茶");
}//当条件的布尔值为true所执行的代码
else {
    document.write ("水还没有煮沸,再等等吧")
}//当条件的布尔值为false所执行的代码

补充

根据上述的例子,假如我们不小心,把比较运算符等于(==)写成赋值运算符(=)会怎样?那么代码就变成这样了:

if (waterTemperature = 100) {
    document.write ("水开了,开始泡茶");
}
else {
    document.write ("水还没有煮沸,再等等吧")
}

条件部分变成了给waterTemperature赋值100,
这时候解析器就会调用Boolean()来把waterTemperature = 100转换成布尔值。这个条件永远是true,所以永远只执行接下来的代码,永远显示“水开了,开始泡茶”。
问题出在哪里呢?其实正是因为把==写成了=。一个等号=表示的是赋值,如a=b,意思是把b的值赋予给a;两个等号==表示的才是比较操作。赋值表达式的结果是右操作数的值,只要右操作数的值不是0和NaN,那么所有数值都会转为布尔类型true。
a==b,表示比较a和b的值是否相等。比如:

  • "haha" == "haha" 返回true,因为它们是相同的字符串;
  • "ha" == "haha" 返回false,因为它们是不同的字符串;
  • 1 == 1 返回true,因为它们是相同的数字;
  • "1" == 1 也是返回true,解析器会把字符串"1"转为为数字1,所以两者相等。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容