初识JS,JS自总结小知识点-优快云博客

        // 声明变量
        let name
        // 赋初值
        name = '李哈哈'
        // 调用
        alert(name)

        // 声明的同时赋初值
        let age = 19
        alert(age)

变量小案例:

        /*
        需求:
        弹出输入框
        浏览器内部处理数据
        在页面输出保存的变量
        */
        let msg = prompt("");
        document.write(msg);
        console.log(msg);
        alert(msg);

常量

不会变化的值

可以理解为const定义的变量

运算符

算数运算符

数字相加,字符串拼接

%取余(开发中常用) 除以

console.log(50 % 49) //余1

第一个值小于第二个值,直接返回第一个值

console.log(3 % 5) //余3

赋值运算符

a = a+1

a+=1

一元运算符

num++

先输出再自加

++num

先自加再输出

--num

num--

比较运算符

返回值都是布尔类型

特别注意的是==:

一个等号是在赋值

两个等号是在比较值是否相等

三个等号是全等,比较值和数据类型

!= 不等号

判断左边是否不等于右边

逻辑运算符

按照优先级关系是:

!逻辑非

&&逻辑与

||逻辑或

一个简单地案例

<script>
        // 总额
        let num = prompt('老登,卡里还有多少钱?')
        // 水费支出
        let water = prompt('水费支出还记得吧?')
        // 电费支出
        let zizi = prompt('电费支出')
        // 网费
        let network = prompt('网费支出')
        // 剩余
        let surplus = (num - water - zizi - network)
        alert('很好你现在卡里有' + surplus +'个子')


        document.write(`
         <table>
        <caption>
            <h2>2020年12月消费支出</h2>
        </caption>
        <tr>
            <th>银行卡余额</th>
            <th>水费</th>
            <th>电费</th>
            <th>网费</th>
            <th>拿你点钱不过分吧</th>
        </tr>
        <tr>
            <td>${num}</td>
            <td>${water}</td>
            <td>${zizi}</td>
            <td>${network}</td>
            <td>0</td>
        </tr>
    </table>
    `)
    </script>