Day38 JS初识

最新推荐文章于 2023-03-13 09:24:36 发布

原创最新推荐文章于 2023-03-13 09:24:36 发布 · 98 阅读

CC 4.0 BY-SA版权

本文详细介绍了JavaScript的基础知识，包括<script>标签的位置、注释方式、变量声明与赋值、数据类型（数值、字符、布尔）及其转换。特别强调了变量的声明与作用域，以及不同类型数据之间的转换和比较。此外，还讲解了关系运算符的使用，以及三种常用的弹框函数：alert、confirm和prompt。

位置

如果需要通过js进行DOM操作的话,放到标签之前,是没有办法操作标签的,因为代码从上往下执行,所以一般放在最后

变量

        var p = 1;
        // 名字也可以重复,就等于是更改操作
        var p = 3;
        // 字面量
        console.log(123);

        // 交换两个变量的值
        var x = 1;
        var y = 2;
        var z = x;
        x = y;
        y = z;
    </script>

数值型

        // 不赋值默认是 undefined
        var num1;
        // 使用undefined进行运算,结果为NaN : Not a Number
        // NaN和什么都不相等,包括他自己,所以判断是否是NaN只能通过isNaN()函数
        console.log(num1+2 == num1+2);
        console.log(isNaN(num1+2));
        // true 因为字符串不是数字,而NaN就是不是数字所以 isNaN字符串,就是true
        console.log(isNaN("x"));
        // 无穷大
        console.log(Infinity);

        // typeof 判断类型 number
        var num2;
        console.log(typeof "Infinity");
    </script>

字符型

布尔型

        // 其他类型转换为boolean类型
        console.log(Boolean(0));
        // 总结数字类型转布尔类型非0 为true 0 为false

        console.log(Boolean(" "));
        // 总结非空字符串为true,空字符串为false, 有空格也不算空字符串
        console.log(Boolean(null));
        // undefined , null , NaN 为false

        var obj = new Boolean(false);
        // true 只不过obj中保存的数据为false而已
        console.log(Boolean(obj));
        // 获取obj中的数据
        console.log(obj.valueOf());
        // 总结引用类型非null 就是true

        // object
        console.log(typeof null);
    </script>

转换为Number

        // 123 parseInt 碰到第一个非数字就终止,小数点也不识别
        console.log(parseInt("123a"));
        // 2
        console.log(parseInt("2.3"));
        // NaN
        console.log(parseInt("a2.3"));

        // 可以识别一个小数点,用法同上,只不过可以识别一个小数点而已
        console.log(parseFloat("2.3"));
    </script>

关系运算符

三种弹框

        // 对话框,接收用户输入,返回输入的数据
        var value = prompt("请输入 XX真帅");
        // console.log(value);
        while(value != "XX真帅"){
            value = prompt("请输入 XX真帅");
        }
        alert("我也这么认为")

</script>