JavaScript快速入门

1.1 引入JavaScript

1、内部标签

<script>
    //……    
</script>

2、外部引入

test.js

//……

test.html

<script src="js/test.js"></script>

测试代码

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

    <!--<script>
        alert('Hello World');
    </script>
    -->
    <!--外部引入
    注意：script标签必须成对出现，不能写成自闭和标签的形式
    -->
    <script src="js/test.js"></script>

    <!--JavaScript不用显示定义，也默认是JavaScript类型-->
    <script type="text/javascript"></script>
</head>
<body>

</body>
</html>

1.2 基本语法

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

    <script>
        // 1.定义变量    变量类型  变量名 = 变量值;
        var num = -1;
        //alert(num);
        // 2.条件控制
        if (num>1){
            alert("true");
        }else {
            alert("false");
        }

        // console.log(num); 在浏览器的控制台打印变量
    </script>
</head>
<body>

</body>
</html>

浏览器调试：

浏览器调试.png

1.3 数据类型

数值，文本，图形，音频，视频……

==变量==

var person = 1;

==number==

js不区分小数和整数，Number

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

==字符串==

'abc' "abc"

==布尔值==

true，false

==逻辑运算==

&&    两个都为真，结果为真
||    一个为真，结果为真
!    取反

==比较运算符==

=    赋值
==    等于（类型不一样，值一样，也会判断为true）
===    绝对等于（类型一样，值一样，结果为true）

这是js的一个缺陷

注：

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

浮点数问题:

console.log((1/3)===(1-2/3)); --->false

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

==null和undefined==

null 空
undefined 未定义

==数组==

在Java中数值必须是相同类型的对象，而js中不需要这样~

//保证代码的可读性，尽量使用[]
var arr = [1,2,3,null,'hello',false];

数组中，如果取的数组下标越界，控制台会提示undefined

==对象==

定义数组是中括号[]，对象是大括号{}~

//Person p = new Person(1,2,3……)
var person = {
    name: '孙笑川',
    age: 30,
    tags:['Java','js','css','...']
}

每个属性之间使用逗号隔开，末尾不需要逗号

取值：

person.name
> "孙笑川"
person.age
> 30

1.4 严格检查模式

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

    <!--
    前提：IDEA需设置支持ES6语法
    'use strict'; 严格检查模式，预防JavaScript的随意性产生的一些问题
    且需写在JavaScript的第一行
    局部变量建议都使用let去定义
    -->
    <script>
        'use strict';
        //局部变量
        let i = 1;
        //ES 6
    </script>
</head>
<body>

</body>
</html>