JavaScript初学阶段案例解析

简单加法运算：

（之所以单独说加法是因为js中加法运算符的隐式转换和减乘除不一样）

var num1 = prompt('请你输入第一个数'); 
var num2 = prompt('请你输入第二个数');
var result = Number(num1) + Number(num2);
alert('两数的和为'+result);

以上代码：prompt()弹出输入框，用于用户输入值，括号内是弹出框的提示内容。var声明变量接收用户输入的值。注意：prompt()传输的值均为string类型。 alert()弹出提示框。

‘+’运算符在计算时有字符串类型的话会将其他类型隐式转换为string类型结果变为连接字符串。

因此在最后进行加法运算时必须将变量都转换为数字型，方法如下：

方法一：将得到的变量 *1 (减，乘，除，取余运算符均能隐式转换为数字型）

var result1 = num1 * 1 + num2 * 1;  //变量本身类型不变，只是参与运算时隐式转换为number型

var num1 = prompt('请你输入第一个数')*1; //在赋值前转换得到的值，变量本身就是number型了 
var num2 = prompt('请你输入第二个数')*1;

方法二：Number()

var result = Number(num1) + Number(num2); //变量本身类型不变

var num1 = Number(prompt('请你输入第一个数')*1); //转换得到的值，变量本身就是number型了 

还有parseFloat 和parseInt方法，这两种方法是从一串字符开头取数字碰到字符结束并删去剩下内容，例如：将 '12ah' 转换为 数字型12，‘a2h1’转换为NaN（非数字），NaN也是数字型，在进行判断时要多注意。

---

 运算符和分支结构的运用

判断闰年：

var year=prompt('输入一个年份');
if(year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
      alert(year+'年是闰年');
 } else alert(year+'年是平年');

与运算（&&）一假则假，全真才真；或运算（ || )一真则真，全假才假；计算结果为具体的值。

逻辑运算短路原则：&&的左边结果为假时直接输出结果，&&的右边不会执行；||左边结果为真时直接输出结果，右边不会执行。

双等号（==）判断两边值是否相等，三等号（===）判断两边值以及数据类型是否全部一至，计算结果为Boolean型（true或false）。

if(){}else{}适合判断条件为各种表达式。

简易计算器：

var num1 = prompt('输入第一个数')*1;
var num2 = prompt('输入第二个数')*1;
var count = prompt('输入运算符');
var result;
switch(count) {
      case '+': result = num1 + num2; break;
      case '-': result = num1 - num2; break;
      case '*': result = num1 * num2; break;
      case '/': result = num1 / num2; break;
      default : alert('重新输入');
   }
 document.write(result);

 switch()case语句常用于判断结果为确定的值。判断switch中的表达式与case 中的值是否一致（进行‘===’全等判断，值和数据类型都要一致）则执行case ：后的代码。

default ：是当以上条件均不成立时执行代码。

case : 代码执行后记得加上break；结束循环。如果没break就会继续执行剩余case后的代码并且是不进行判断的，直到执行到break或执行完所有代码。

---

感谢大家的阅读。我既是新人博主也是初学JavaScript，很多地方解释的不到位或者有错误，希望大家能多多指教。我也会不断努力提高质量。如果这篇文章对你有帮助的话还请点个赞，以后还会持续更新，希望大家多多支持。