HTML之JavaScript变量和数据类型

news2025/2/11 9:58:51

HTML之JavaScript变量和数据类型

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            1.JS中变量声明 通通使用var (后续应该是使用let/const 自行查资料看区别吧)
                int i = 10 前端改用：var i = 10
                String str = "aaa" 改用 var str = "aaa"
            2.JS是弱类型，不是没有类型，是变量在声明时不指定，赋值时才确定类型
            3.JS中的常见数据类型：
                Number    数字类型 整型+浮点型
                String    字符串类型
                boolean   布尔类型
                null      空类型   类型是Object 值是null
                Undefined 未定义类型   声明但未赋值 值是undefined
                Object 对象类型
                Array 数组类型
                Function 函数类型
            4.判断数据类型的运算符：typeof
            5.JS允许变量重复声明，后面的会覆盖前面的；也允许被声明的变量直接换数据类型
            6.JS的语句可以用;结尾，也可以不用，但是建议用
            7.标识符明明参照Java
            8.常见报错：变量未声明会报 uncaught ReferenceError: xxx is not defined
        */
        var i = 10;
        document.write(i + "<br>"); // 页面输出
        console.log(i + "adad");// 控制台输出
        console.log(typeof i); // number
        i = "aaa";
        console.log(i);
        console.log(typeof i); // string
        i = true;
        console.log(i);
        console.log(typeof i); // boolean
        i = new Object();
        console.log(i);
        console.log(typeof i); // object
        i = function fun1 () {
        };
        console.log(i);
        console.log(typeof i); // function
        i = null;
        console.log(i);
        console.log(typeof i); // object
    </script>
</head>

<body>

</body>

</html>