JavaScript详解

本文主要是介绍JavaScript详解，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、快速入门

1.JavaScript的两种引入方式

方式一：直接在html里面写目的：实现简单的弹窗

点击查看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--script标签内，写JavaScript代码，可以放在head标签里，也可以放在body标签里-->
    <script>
        <!--弹窗，打开页面时弹出一个窗口，并显示有hello，world-->
        alert('hello,world');
    </script>
</head>
<body>

</body>
</html>

运行结果图

方式二：新建一个js文件，在HTML中连接该文件也可以实现，就像css一样和HTML分开

注意script标签必须是成对出现，

2.基本语法

点击查看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--Javascript严格区分大小写-->
    <script>
        //单行与多行注释与Java中注释的方式一样
        /*1.定义变量  变量类型  变量名 = 变量值；*/
        var score =100;//这里不写分号也没事
        var name = "twq";//这里不写var也没事，就算不写变量名都可以，是不感觉可以随心所欲了
        if(score>60 && score <70){
            alert('小子，你很危险呀');
        }else if(score > 70 && score < 80){
            alert('革命尚未成功，同学  仍需努力呀！！');
        }else{
            alert('不要骄傲哦！');
        }
    </script>
</head>
<body>

</body>
</html>

调试方法参照下图：

3.数据类型

(1)number

js不区分小数和整数，Number

点击查看代码

123//整数123
123.1//浮点数123.1
1.123e3//科学计数法
-99//负数
NaN//not a number
Infinity//表示无限大

界面在浏览器上运行结果图

(2)字符串

和Java的一样

(3)布尔值

(4)逻辑运算

① && 两个都为真，结果为真
② | | 一个为真，结果为真
③ ！真即假，假即真

(5)比较运算符

① = 赋值
② == 等于(类型不一样，值一样，也会判断为true)
③ === 绝对等于（类型一样，值一样结果为true）
注意：这是Java的一个缺陷，坚决不要使用==比较

须知：

NaN===NaN，这个与所有的数值都不相等，包括自己
只能通过isNaN(NaN)来判断这个数据是否是NaN

(6)浮点数

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

(7)数组

java的数值必须是相同类型的对象，JS中需不要这样！

如果数组下标越界会报undefined

(8)对象

对象是大括号，数组是中括号每个属性之间用逗号隔开，最后一个属性之后不需要逗号

点击查看代码

<script>
        console.log((1/3)===(1-2/3));
        console.log(Math.abs(1/3-(1-2/3))<0.00000001);
        //保证代码的可读性，尽量使用[]
        var arr=[1,2,3,4,5,'hello',null,true];
        new Array(1,12,3,4,5,'hello');
        var person ={
            name:"Twq",
            age:23,
            tags:['js','java','web','...']
        }

    </script>

运行结果图

4.严格检查模式

点击查看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*前提是IDEA需要设置支持ES6语法
        *'use strict'严格检查模式，预防Javascript的随意性导致产生的一些问题如：
        *       ①定义变量不写变量类型在没有写严格检查时不会报错，但是加上这严格检查之后就会报错
        * 必须要写在JS的第一行
        * 局部变量建议都使用let去定义 */
        'use strict';
        /*let是块作用域，就会好比在for循环里用let定义了一个块变量
        在循环的外部则无法使用该变量，var是函数作用域，在循环里面定义的
        变量在循环外面也可以可以访问*/
        let i = 1;
    </script>
</head>
<body>
</body>
</html>

二、详解数据类型

1.字符串

(1)正常字符串，我们使用单引号或者双引号包裹

==明天继续。。。。==

这篇关于JavaScript详解的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Java教程