JS程序设计

程序设计

1.程序设计思维

程序是啥？

生活中的程序：

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

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

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

计算机中的程序：

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

程序

执行者

描述语言

执行速度

生活中的程序

人

自然语言

相对慢

计算机中的程序

计算机

计算机语言（比如JS）

非常快

当前最快的计算机是中国“神威 太湖之光”计算机系统

什么是编程？

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

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

（1）精通业务

（2）精通计算机语言

明确我们的学习方向：

（1）解决问题的思路

（2）计算机语言

（3）思维方式的转变

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

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

案例一：计算一个三位数的个位数之和，比如415的个位数之和就是4+1+5=10.

415 →              加工过程            →10

 <script>

   /*
    * 解决为题的思路
    * （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);
</script>

通过这个案例，我们学到如下程序设计的套路：

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

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

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

案例二：根据三角形的三边长计算三角形的面积

<script>
 /*
 * 提示用户输入并接受三个数字，在a、b、c中
 *计算 (a + b + c)/2 = s
 * 根据海伦公式计算
 * s*(s - a)*(s - b)*(s - c)
 * 求出结果
 * */
    var a = Number(prompt("请输入第一位数字"));
    var b = Number(prompt("请输入第二位数字"));
    var c = Number(prompt("请输入底三位数字"));
    var s = (a+b +c)/2;//计算周长的一半
    var su = Math.sqrt(s*(s - a)*(s - b)*(s- c));//海伦公式计算
    alert(su);
</script>

输入3 、4 、5 得出的结果：6

Prompt属性输出的结果是字符串，比如“345”，注意“345”和345的区别：如果你想输入345，那么应该强制类型转换，虽然JS有时会帮我们自动转化，但有时并不一定会转换。

案例三：话费计算器，根据电话时长（单位为秒）计算话费，资费标准0.5元/分钟。

<script>
/*
* （1）提示用户输入并接受输入通话时间（秒数）
* （2）将秒数除以60再向上取整
* （3）计算所用话费将上面所得整数乘以0.5
* （4）得出结果
* */
    var second = Number(prompt("请输入通话秒数"));
var Minute = Math.ceil(second/60);  //按分钟收费，不满一分钟按一分钟收费。
    var cost = Minute*0.5;
    alert("此次通话消费"+cost+"元");
</script>

比如通话时长200秒；那么我们可以得出消费的话费是2元。

 JavaScript中的选择结构

用

if(条件满足为true){

执行

}

else{

不执行

}

If语句的套路：

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

（2）两个选项