美文网首页
任务:进阶3:JS函数

任务:进阶3:JS函数

作者: 饥人谷_Wing | 来源:发表于2017-12-28 13:33 被阅读0次

前言

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

  • 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,所以两者相等。

相关文章

  • 任务:进阶3:JS函数

    前言 在程序设计语言里面有一种语句叫决策语句,可以使程序根据是否满足特定的条件,运行相对应代码。换言之,决策语句使...

  • 进阶3:JS函数

    根据视频的讲解,写一篇关于if(xx)和 a==b的判断的博客提示附上博客链接回答内容 http://www.ji...

  • 进阶任务函数

    1.函数是什么: JavaScript函数是指一个特定代码块,可能包含多条语句,可以通过名字来供其它语句调用以执行...

  • JS基础到高级

    JS高级-进阶目录======================基础Web API面向对象编程继承函数进阶正则表达式...

  • 07 C函数

    1、why函数? 2、函数进阶 3、递归函数

  • JS 进阶 函数

    函数的三种声明方式 匿名函数 具名函数 箭头函数 函数是JS的一等公民,具有相对独立内存空间 函数本质上是对象,声...

  • js函数进阶

    函数定义 函数声明 函数表达式 函数实例化 不同函数定义方式的区别: 声明提前:代码执行前先对变量定义、函数声明进...

  • js函数进阶

    1.标准语法是使用函数声明定义函数 2.使用对象方式定义函数,其实函数就是对象。 3.对象的作用就是将一些属性和相...

  • 【JavaScript】技术参考资料

    JS基础、高级、进阶 MDN·JavaScript 函数式编程 阮一峰老师的入门简介: 函数式编程初探、函数式编程...

  • [前端学习]JS高级部分学习笔记,第二天

    函数进阶 定义函数的方式 声明函数function xxx(){} 这种方式是最直接的声明方式,js执行时这种方式...

网友评论

      本文标题:任务:进阶3:JS函数

      本文链接:https://www.haomeiwen.com/subject/vtgmgxtx.html