JavaScript-2

运算符

赋值运算符

+=	-=	*=	/=	%=

一元运算符

自增

let num = 0
num++	// 或者 ++num

符号：++
作用：让变量的值 +1

自减

let num = 0
num--	// 或者 --num

符号：--
作用：让变量的值 -1

比较运算符

符号	描述
>	左边是否大于右边
<	左边是否小于右边
>=	左边是否大于或等于右边
<=	左边是否小于或等于右边
==	左右两边值是否相等
!=	左右两边值是否不相等
===	左右两边是否类型和值都相等
!==	左右两边是否不全等

开发中，如果需要判断是否相等，强烈推荐使用 ===

逻辑运算符

符号	名称
&&	逻辑与
||	逻辑或
!	逻辑非

语句

分支语句

单分支语句

    <script>
        if (true) {
            console.log('Hello World')
        }
    </script>

双分支语句

    <script>
        if (false) {
            console.log('Gread');
        } else {
            console.log('Hello World');
        }
    </script>

多分支语句

    <script>
        if (false) {
            console.log(1);
        } else {
            console.log(2);
        } if (true) {
            console.log(3);
        } else {
            console.log(4);
        }
    </script>

三元运算符

    <script>
    	// 例子1:
        console.log(5 > 3 ? 'yes':'no');
        
        // 例子2:
        6 > 8 ? alert('yes') : alert('no')
    </script>

switch 语句

    <script>
        let choose = Number(prompt('请选择号码'))
        switch (choose) {
            case 1:
                console.log('你选择了1号');
                break;  // 退出

            case 2:
                console.log('你选择了2号');
                break;  // 退出

            case 3:
                console.log('你选择了3号');
                break;  // 退出

            default:
                console.log('你没有进行选择');
        }
    </script>

循环语句

while 循环

    <script>
        let sum = 0
        while (sum < 100) {
            sum++
        }
    </script>

for 循环

    <script>
        for (let i = 10; i >= 0; i--) {
            document.write(`倒计时：${i}秒 <br>`)
        }
    </script>

循环的退出

• continue : 结束本次循环，继续下次循环
• break : 退出循环

函数

声明与使用

    <script>
        // 1. 声明函数
        function printHelloWorld() {
            document.write('Hello World')
        }

        // 2. 使用函数
        printHelloWorld()
    </script>

函数传参

    <script>
        function addNum(num1, num2, num3 = 0) {
            document.write(`相加结果：${num1 + num2 + num3}`)
        }
        // 使用函数
        addNum(1, 9)
    </script>

函数返回值

    <script>
        function addNum(num1, num2, num3 = 0) {
            return num1 + num2 + num3
        }

        // 使用函数
        document.write(addNum(1, 9, -5));
    </script>

匿名函数

函数表达式

    <script>
        // 函数表达式
        let func = function () {
            document.write('Hello World')
        }

        // 使用函数
        func()
    </script>

立即执行函数

    <script>
        // 立即执行函数

        // 写法1：
        (function (x, y) {
            document.write(x + y)
        })(1, 2)

        // 写法2：
        (function (x, y) {
            document.write(x + y)
        }(1, 2))
    </script>

对象

声明对象

    <script>
        // 声明对象
        let Jack = {
            name: 'ToMa-Jack',
            age: 30,
            gender: '男'
        }
    </script>

属性的操作

    <script>
        // 声明对象
        let Jack = {
            name: 'ToMa-Jack',
            age: 30,
            gender: '男'
        }

        // 操作对象

        // 1. 修改属性值
        Jack.gender = '女'

        // 2. 添加新的属性
        Jack.hobby = 'Coding'

        // 3. 删除属性（了解）
        delete Jack.hobby

        // 4. 查找属性值
        console.log(Jack.gender);     // 方式1
        console.log(Jack['gender']);  // 方式2
    </script>

对象的方法

    <script>
        // 声明对象
        let obj = {
            name: 'Jack',
            sing: function () {
                document.write('singing~')
            }
        }
        // 使用对象的方法
        obj.sing()
    </script>

遍历对象

    <script>
        // 声明对象
        let obj = {
            name: 'Jack',
            age: 28,
            gender: '男'
        }

        // 遍历对象
        for (let key in obj) {
            document.write(`${obj[key]} <br>`)
        }
    </script>

内置Math对象

基本认识

• 介绍：Math 对象是 JavaScript 提供的一个 “数学” 对象
• 作用：提供了一系列做数学运算的方法
• Math 对象包含的方法有：

    Math.ndom		生成0~1之间的随机数（包含0不包含1）
    Math.ceil		向上取整
    Math.floor		向下取整
    Math.max		找最大数
    Math.min		找最小数
    Math.pow		幂运算
    Math.abs		绝对值

• Math 对象在线文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math

具体演示

    <script>
        // 属性:
        console.log(Math.PI)

        // 方法:

        // ceil:天花板  向上取整
        console.log(Math.ceil(1.1));        // 2

        // floor:地板   向下取整
        console.log(Math.floor(1.9));       // 1

        // 四舍五入
        console.log(Math.round(1.4));       // 1
        console.log(Math.round(-1.5));      // -1
        console.log(Math.round(-1.51));     // -2

        // 知识扩展：（取整函数）
        // 1. parseInt(1.2)       // 1
        // 2. parseInt('18px')    // 18

        // 其他
        console.log(Math.max(1, 2, 3, 4, 5));
        console.log(Math.min(1, 2, 3, 4, 5));
        console.log(Math.abs(-2));

        // 生成随机小数，范围是 [0,1)
        console.log(Math.random());
    </script>

自定义随机数范围

    <script>
        // 生成N-M之间的随机数，公式如下：
        Math.floor(Math.random() * (M - N + 1)) + N
    </script>

生成随机数(函数模板)

• 生成N-M之间的随机数

    <script>
        function getRandom(N, M) {
            return Math.floor(Math.random() * (M - N + 1)) + N
        }
    </script>