JavaScript程序思想

淩亂°似流年 2021-09-14 01:18 387阅读 0赞

**![SouthEast][]![Center][]**

**1.生活中的小程序**

（1）宿舍保修：填写保修单 —>  上报宿舍管理员 —> 联系物业 —>找维修工 —> 上门维修 —> 反馈；

（2）银行开户：客户填写开户申请单 —> 提交证件资料 —>审核资料真实性（1.本人、资料真实齐全，则审核通过；2.其他人代办、有委托书、资料齐全，则审核通过；3.其他不满足条件的则拒绝） —> 录入系统开户 —> 设置密码 —> 发放卡、存折；

解决生活中问题的步骤（流程）描述。

计算机中的程序：

解决问题的步骤描述，但用的是计算机语言描述。

<table style="color:rgb(85,85,85); font-family:'microsoft yahei'; font-size:15px; line-height:35px"> 
 <tbody> 
 <tr> 
 <td> 程序 </td> 
 <td> 执行者 </td> 
 <td> 描述语言 </td> 
 <td> 执行速度 </td> 
 </tr> 
 <tr> 
 <td> 生活中的程序 </td> 
 <td> 人 </td> 
 <td> <a href="http://lib.csdn.net/base/nlp" title="自然语言理解和处理知识库" style="text-decoration:none; color:rgb(223,52,52); font-weight:bold" rel="nofollow">自然语言</a> </td> 
 <td> 相对慢 </td> 
 </tr> 
 <tr> 
 <td> 计算机中的程序 </td> 
 <td> 计算机 </td> 
 <td> 计算机语言（比如<a href="http://lib.csdn.net/base/javascript" title="JavaScript知识库" style="text-decoration:none; color:rgb(223,52,52); font-weight:bold" rel="nofollow">js</a>） </td> 
 <td> 非常快 </td> 
 </tr> 
 </tbody> 
</table>

那么何为编程？

根据业务需要，制定或编制解决问题的流程。编制程序的人应该是非常熟悉或者精通业务。

如果编制计算机程序要求：

（1）精通业务

（2）精通计算机语言

明确我们的学习方向：

（1）解决问题的思路

（2）计算机语言

（3）思维方式的转变

重点是**解决问题的思路**，而思路和计算机语言是没有关系的，所以我们要学习的是JS，但是更多更重要的又并不是JS的内容。

难点是**思维方式的转变**，也就是说从现在开始，需要站在计算机的角度去思考和描述问题。

例子：输入一个三位数，输入各位数之和

/*
        * 解决为题的思路
        * （1）提示用户输入并接受一个三位数，存放于num中
        * （2）计算百位数b100，除以100取整数
        * （3）计算十位数b10，对100求余，除以10取整
        * （4）计算个位数b1，对10求余
        * （5）计算b100 + b10 + b1
        * （6）输出结果
     */
        var num = prompt("请输入一位三位数");
        var b100 = Math.floor(num/100);
        var b10 = Math.floor((num%100)/10);
        var b1 = num%10;
        var sum = b100 + b10 + b1;
        alert(sum);

那么从这个例子中，我们应该学到：

（1）程序设计分为两个步骤：思路、编码

（2）思路可以使自然语言、流程图等一切能描述清楚解决方案的形式来进行描述。

（3）将思路翻译成对应的代码。

2.JavaScript中的If选择结构

If条件语句使用规则： if(条件满足为true){ 执行 } else{ 不执行 }

If语句的套路：

（1）一个选择依据（条件）

（2）两个选项

[SouthEast]: https://img-blog.csdn.net/20170727100546889?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemh1eGlhbmRhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[Center]: /images/20210724/0ea5b44f6ced481fa4c459d2ecc4aa5a.png