js基础学习

学习目标：

掌握 JavaScript入门知识2

学习内容：

javaScript基础

例如：

1. 运算符
2. 表达式和返回值
3. 短路运算
4. 运算符优先级
5. 三元表达式（重点）
6. if分支语句
7. switch分支语句
8. for循环
9. 双重for循环
10. while循环
11. do…while循环

---

学习时间：

• 周一至周五晚上 7 点—晚上9点
• 周六上午 9 点-上午 11 点
• 周日下午 3 点-下午 6 点

学习内容

 // 运算符：操作符     typeof也是运算符
        //         主要实现赋值，算术运算符等功能    + - * /  %
        /* 
            +加法运算符
            只要是跟字符串相加的都会转换为字符串
        */
        console.log(1 + 1)//2
        console.log(1 + '1')//11
        console.log('1' + true)//1true
        //    凡是数字跟NaN相加的都是NaN
        //    字符串与NaN相加是拼接上去的
        /* 
            -减法运算符
                    会把字符串中的数字转化为数值型
                    非数值型的字符串就会是NaN
        */
        console.log(1 - 1)//
        console.log(1 - '1')//
        console.log('1' - true)//

        /* 
            *  乘法运算法也会把字符串的数字转换成数值型
                数值乘非数值型的字符串返回的是NaN
        */
        console.log(1 * 1)//1
        console.log(1 * '1')//1
        console.log('1' * true)//1
        console.log(1 * 'true')//NaN
        /* 
            /   除法运算符
        
        */
        console.log(1 / 1)//1
        console.log(1 / '1')//1
        console.log('1' / true)//1
        console.log(1 / 'true')//NaN

        /* 
        %  取余运算符
        */
        console.log(9 % 5)

        var str = "白日依山尽,\n" + "黄河入海流";
        console.log(str)

        //  浮点数  小数
        // 浮点数精确度问题   浮点值最高精确度17位小数，在算术运算中浮点数之间的运算精确度没有整数高
                console.log(1+1)

        //   递增运算符： 反复给变量增加相同的值，例如增加1
        var num = 3;
        // console.log(num + 1)
        // // 前置递增  ++变量名   先自加1在进行其他运算
        // console.log(++num)
        // console.log(++num + 2)
        /* 
                后置递增  变量名++
                先运算再自加
        */
        console.log(num++)
        //    num=num+1
        console.log(num)

• 递增运算符
• 递减运算符
• 比较运算符
• 逻辑运算符
• 相等运算符
• 一元运算符
• 赋值运算符
• 自增运算符
• 自减运算符

<script>
        // for循环目的：重复运行相同代码
        /* 
            语法:
                for(初始化变量;条件表达式;操作表达式){
                            循环体
                }
                初始化变量：就是使用var关键字声明变量，并进行复制，作为整个循环的初始值
                条件表达式：确实每一次循环时能够执行，如果true，就继续循环，否则退出循环
                操作表达式：确实每一次循环是否能够执行，如果true，就继续循环，否则退出循环
        
        */
        // var i=0 在整个循环中只执行一次
        // 条件表达式  循环体 操作表达式 三个之间的循环
        // 在循环结果大于条件表达式时才会跳出循环
        // for (var i = 1; i <= 9; i++) {
        //     // alert(i)
        //     console.log(i)
        // }



        var i, j, sum;
        for (i = 1; i <= 9; i++) {
            for (j = 1; j <= i; j++) {
                // console.log(i,j,sum = i * j)
                document.write(j, '*', i, '=', sum = i * j, '\n', '\xa0')

            }
            document.write('<br>')
            document.write('<br>')
        }
        // var i, j, sum;
        // for (i = 1; i <= 9; i++) {
        //     document.write('<br>')
        //     document.write('<br>')
        //     for (j = 1; j <= i; j++) {
        //         // console.log(i,j,sum = i * j)
        //         document.write(i, '*', j, '=', sum = i * j, '\n', '\xa0')

        //     }

        // }
        var i, j, sum;
        for (i = 9; i >= 1; i--) {
            document.write('<br>')
            document.write('<br>')
            for (j = 1; j <= i; j++) {
                // console.log(i,j,sum = i * j)
                document.write(j, '*', i, '=', sum = i * j, '\n', '\xa0')
            }
        }


    </script>

双重for循环

 <script>

        /* 
            双重for循环，循环嵌套，一个for循环嵌套一个for循环
                语法：for(外循环的初始化;外循环的条件;外循环的表达式){

                        for(内循环的初始化;内循环的条件;内循环的表达式){
                            循环体(需要执行的代码)
                        }
                }
                注意点：1.两个循环体的初始化变量名不能一样
                        2.外层for循环一次，里层for循环一遍，才会跳出里层循环，再次进行外循环，
        */
        // for (var i = 1; i <= 6; i++) {

        //     for (var j = 1; j <= 6; j++) {

        //         document.write('*')
        //     }
        //     document.write('<br>')
        // }
        // var str = "";
        // for (var i = 1; i <= 6; i++) {

        //     for (var j = 1; j <= 6; j++) {

        //         str += '*'
        //     }
        //     str = str + '\n'
        // }console.log(str = str + '\n')
        // var str = "";
        for (var i = 6; i >= 1; i--) {
            for (var j = 1; j <= i; j++) {
                document.write('*')
            }
            document.write('<br>')
        }

        for (var i = 1; i <= 6; i++) {
            for (var j = i; j <= 6; j++) {
                document.write('*')
            }
            document.write('<br>')
        }

        for (var i = 1; i <= 6; i++) {
            for (var j = 1; j <= i; j++) {
                document.write('*')
            }
            document.write('<br>')
        }

    </script>

while循环

<script>


        // while  当.....的时候
        // 语法：while(条件表达式){
        // 循环体
        // }
        /* 
            特点:1.先知先条件表达式，如果结果是true，则执行循环体内容；如果是false，则执退出循环
            while循环三要素
                变量得起始值
                终止条件
                变量的变化量   
        */

        var num1 = prompt('你爱我吗');
        while (num1 != '我爱你') {
            num1 = prompt('你爱我吗')
        }
        alert('我也爱你')


    </script>

do…while

    do {
        循环体
    }while(条件表达式)
    //特点： 无论条件表达式还是true，false，至少会执行一次循环体
        先执行一次循环体
        再进行条件表达式，如果是true，再次进行循环
        如果false，退出循环
   // continue关键字用于立即跳出本次循环，继续下一次的循环
    // break  立即跳出整个循环