JavaScript的学习以及编程过程总的断点调试

76 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第25天,点击查看活动详情

1. 获取变量数据类型

1.1 typeof的使用

image.png

注意:我们可以直接通过typeof来得到我们输入的数据的数据类型

image.png

1.2 数据类型的转换

1.2.1 转换为字符串

image.png

1.2.2 转换为数值型

image.png

parseInt()函数转换的是取整的数字。不存在四舍五入。

parseInt()和parseFloat()两个函数都可以转换为数字型,前者取整后者取小数,两者都可以自动去除单位。

image.png 字符串之间用加号会进行拼接,但是用减号会转换为数值型进行相减

简单的加法器案例

image.png

1.2.3 转换为布尔型

image.png

  • 代表空、否定的值会被转换为false ,如"、0、NaN、null、undefined"
  • 其余值都会被转换为true

image.png

经典案例

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var name = prompt('请输入您的姓名:');
        var age = prompt('请输入您的年龄:');
        var sex = prompt('请输入您的性别:');
        var result = "您的姓名是:"+name+"\n您的年龄是:"+age+"\n您的性别是:"+sex;
        alert(result)
    </script>
</head>
<body>
</body>
</html>

2. 编程中的断点调试

编写程序完成后在浏览器中打开然后进行操作

image.png

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       for(i=1;i<=100;i++){
           console.log('王小懒');
       } 
    </script>
</head>