JavaScript浅谈（数据类型）

最新推荐文章于 2024-06-16 18:09:06 发布

猿分&

最新推荐文章于 2024-06-16 18:09:06 发布

阅读量52

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

什么是JavaScript？
JavaScript是一门世界上最流行的脚本语言；
Java与JavaScript没有关系
JavaScript起源

一个合格的后端人员，必须要精通JavaScript

快速入门

alert('hello world')

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


<!--    script标签内，写JavaScript代码，可以放在head或者body里面-->
<!--    <script>-->
<!--       alert('hello world') ;-->
<!--    </script>-->


<!--    外部引入-->
<!--    注意script必须成对出现-->
    <script src="fl.js"></script>

<!--    用显示type，也默认就是JavaScript-->
    <script type="text/javascript"></script>
</head>
<body>

</body>
</html>

在这里插入图片描述

基本语法入门
将idea设置为es6语法，更严谨一点

a:变量类型只需要一个万能的var；
b:可以凭空写一个字符串；
c:按照Java的语法写就不会错，只会更简单；
d:条件控制if else 与Java语句一样；
e:JavaScript严格区分大小写；

可以使用控制台打印变量或者弹出弹窗，相当于sout
在这里插入图片描述

控制台断点刷新页面调试
在这里插入图片描述
浏览器必备调试须知

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

    <script>
        //1.定义变量  变量类型  变量名 = 变量值

        var score= 63;
        //条件控制
        if(score>70 && score<80){
            alert("70~80");
        }else if (score>60 && score<70){
            alert("60~70");
        }else{
            alert("other")
        }
    </script>

</head>
<body>

</body>
</html>

数据类型
数值、文本、图形、音频、视频…
变量：不能以数字开头

var n

number（JS不区分小数和整数：整数，浮点数，科学记数法，负数，NaN(not a number ) ，Infinity(表示无穷大)）
在这里插入图片描述
字符串
布尔值
逻辑运算
比较运算符

= 赋值
== 等于（类型不一样，值一样，也会判断为true）
=== 绝对等于（类型一样，值一样，结果为true）
在这里插入图片描述

JS的缺陷，坚持不要使用==做等于
在这里插入图片描述
NaN与所有的数值都不相等，包括自己，只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题：
尽量避免使用浮点数进行运算，存在精度问题；

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


    <script>
        console.log((1/3) === (1-2/3))

    </script>

</head>
<body>

</body>
</html>

在这里插入图片描述

null（空）和undefine（未定义）
数组：一系列相同类型的对象；
Java就不可以如下定义

//保证代码可读性，尽量使用[]
        var arr = [1,2,3,"hello",null,true];
        new Array(1,2,3,"hello",null,true);

取数组下标如果越界了就会undefined
在这里插入图片描述
对象：数组是中括号，对象是大括号
每个属性之间使用逗号隔开，最后一个不需要添加

  var person = {
            name:"fl",
                age:3,
                tags:['js', 'java', 'web', '...']
        }

在这里插入图片描述

猿分&

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript浅谈（数据类型）

可以使用控制台打印变量或者弹出弹窗，相当于sout控制台断点刷新页面调试浏览器必备调试须知数据类型数值、文本、图形、音频、视频…变量：不能以数字开头number（JS不区分小数和整数：整数，浮点数，科学记数法，负数，NaN(not a number ) ，Infinity(表示无穷大)）字符串布尔值逻辑运算比较运算符= 赋值== 等于（类型不一样，值一样，也会判断为true）=== 绝对等于（类型一样，值一样，结果为true）JS的缺陷，坚持不要使用==做等于
复制链接

扫一扫