JS基础：JS引入方式&变量类型_js 反单引号`${}`能不能提前定义使用时再引入变量-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52854090/article/details/120827811

本文介绍了JavaScript的基础知识，包括弹窗（alert、prompt、confirm）、日志输出（console.log、console.warn、console.error）以及变量的定义与类型。讲解了如何通过不同方式引入JS代码，探讨了不同数据类型的特性，如数值类型的最大值、最小值，以及转换和检测。此外，还涉及字符串操作和转义字符。适合初学者入门。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Title</title>
</head>
<body>
<div id="">

</div>

        <!--    js引入方式：
                        行内方式：
                                <body onload = "js代码" ></body>
                                表示bodyj加载完成后，执行js代码
                                此种方式早已不推荐使用
                        内链方式：
                                在body的最后一行定义<script>标签，标签中写代码
                                写在其他位置可以正常执行，js代码执行需要时间，写在前面可能会影响页面加载造成卡顿
                        外链方式：
                                <script src='外链js地址'></script>
                                使用外链方式，外链文件中的js代码会覆盖<script>标签中的代码，导致标签中的代码不执行
        -->
        <script>
                //弹窗输出
                alert("弹窗");
                prompt("弹出输入框");
                confirm("弹出选择框");
                //日志输出
                console.log("日志输出");
                console.warn("警告输出");
                console.error("错误输出");
                //变量：以变量为容器，存放代码运行中产生并存放在内存中的临时数据
                /*定义方式：
                        先定义再赋值
                                var     变量名;       声明一个变量，默认值为underfine
                                变量名     =       值;        为变量赋值；
                        定义并赋值
                                var     变量名     =       值;
                 */
                /*变量类型：
                        数值类型：变量中存储的值为数字
                        布尔类型：true表示真，false表示假
                        引用类型：字符串类型，多个字符或一句话等内容，需要使用单引号或双引号成对引用
                 */
                var a = 123;
                var b = true;
                var c = "abc";
                // 获取变量类型
                console.log(typeof (a));//输出结果number
                console.log(typeof (b));//输出结果boolean
                console.log(typeof (c));//输出结果string

                /*number类型，常用的是十进制
                   二进制：以0b开头；八进制：以0开头；十六进制：以0x开头
                   二进制、八进制、十六进制在控制台换算为十进制进行打印输出
                   */
                   var a= 10;
                   var b = 0b10;
                   var  c = 022;
                   var d = 0x3a;
                   console.log(a);//输出结果10
                   console.log(b);//输出结果2
                   console.log(c);//输出结果18
                   console.log((d));//输出结果58
                  /* number数值型浮点类型精度最多17位，js中不推荐使用，会有精度不足的情况*/
                   //数值最大
                   console.log(Number.MAX_VALUE);//输出结果：1.7976931348623157e+308
                   //数值最小
                   console.log(Number.MIN_VALUE);//输出结果;5e-324
                   //Infinity正无穷，-Infinity负无穷
                   console.log(5/0);//输出结果为Infinity
                   console.log(-5/0);//输出结果为-Infinity
                   //isNaN()非数值检测，任何非数值都会反馈会true,如果当前非数值能够自动转换为数值返回false
                 console.log(  isNaN("ASFSDF"));//输出结果为Itrue
                 console.log(isNaN(132));//输出结果为false
                 //获取字符串长度，此处是指获取字符数，不是字节数
                   var v = "asdasd";
                   console.log(v.length);//输出结果6
                 /*转义字符：
                            \字符，把当前字符转为普通无意义的字符
                            \n       换行符，换到下一行
                            \r       回车符，回到当前第一行
                            \f       进制符
                            \b      空格符
                            键盘上的回车相当于\r\n
                  */
                 /*字符串拼接：
                            任何类型数据使用加号与字符串运算进行的都是字符串拼接，产生字符串类型
                  */
        </script>
</body>
</html>