JavaScript学习记录二

一元运算符

*    ++ -- 都是运算符
    *    ++ 和 -- 可以分为:前+ 和后+ and   前- 和后-
    *
    * 如果++在后面:如: num++ +10参与运算
    * 先参与运算,运算结束后自身再加1
    *
    * 如果++在前面:如: ++num+10参与运算
    * 先自身加1,然后再参与运算
    *
    * Ctrl+/可以把选中的代码全部注释掉

流程控制:有三种方式
    /*
    * 1.顺序结构:从上到下,从左到右执行的顺序,就叫做顺序结构(不是很严谨)
    * 2.分支结构:if语句,if-else语句,if-else if-else if...语句,switch-case语句,三元表达式语句
    * 3.循环结构:while循环,do-while循环,for循环,后期还有一个for-in循环

    * if语句:主要是判断
    * 语法:
    * if(表达式){
    *   代码块
    * }

     * if-else 语句
     * 两个分支,只能执行一个分支
     *
     * if-else语句的语法:
     *
     * if(表达式){
     *   代码1
     * }else{
     *   代码2
     * }

三元表达式
     * 运算符号: ? :
     *
     * 语法:
     * var 变量=表达式1?表达式2:表达式3;

//总结:大多数情况,使用if-else的语句都可以用三元表达式的方式来表示

     * if-else if语句...
     *
     * 语法:
     * if(表达式1){
     *   代码1
     * }else if(表达式2){
     *   代码2
     * }else if(表达式3){
     *   代码3
     * }else{
     *   代码4
     * }
     *

switch-case语句---分支语句---多分支语句
     * 语法:
     * switch(表达式){
     * case 值1:代码1;break;
     * case 值2:代码2;break;
     * case 值3:代码3;break;
     * case 值4:代码4;break;
     * ...多个case
     * default:代码5;
     *
     * }

     * 注意问题:
     * default后面的break是可以省略的
     * default也可以省略
     * switch-case 语句中和case后面的值比较的时候使用的是严格的模式

while循环
    * while循环语法:
    *
    * 计数器
    * var 变量=0;
    * while(循环的条件){
    *   循环体;
    *   计数器++;
    *
    * }

简单的登录验证

    var userName=prompt("请您输入帐号");//存储帐号的
    var userPwd=prompt("请您输入密码");//存储密码
    while(userName!="admin"||userPwd!="123"){
      //变量的重新赋值
       userName=prompt("请您输入帐号");//存储帐号的
       userPwd=prompt("请您输入密码");//存储密码
    }

do-while循环
     *
     * 语法:
     *
     * do{
     *     循环体
     * }while(条件);

for循环
     *
     * 语法:
     * for(表达式1;表达式2;表达式3){
     *   循环体;
     * }

案例：九九乘法表表格版

document.write("<table border='1' cellpadding='0' cellspacing='0'>");
    for (var i = 1; i <= 9; i++) {//控制的行数
      document.write("<tr>");
      for (var j = 1; j <= i; j++) {
        document.write("<td>");
        document.write(i + "*" + j + "=" + i * j);
        document.write("</td>");
      }
      document.write("</tr>");
    }
    document.write("</table>");

调试:写代码---打开浏览器--F12(开发人员工具)--->Sources---双击文件,在某一行代码前面点击一下(出现的东西就是断点)

watch下可以查看变量的值

f8:执行完毕 ↓单步下一行 ↑单步上一行还有一个是单步执行一段

JavaScript学习记录二

猜你喜欢