JavaScript

?

目录

引入JavaScript

内部标签

外部引入

基本语法

?定义变量

?条件控制

注释

数据类型

number?

字符串

?布尔值

?逻辑运算

比较运算符

null和undefined?

数组

对象

---

引入JavaScript

内部标签

在html文件中

    <script>
        //......
    </script>

外部引入

abs.js

//......

?test.html

注意script标签必须成对出现

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

基本语法

JavaScript严格区分大小写

?定义变量

    <script>
        var name = hi;
        var age = 1;
        'helloworld'
    </script>

?条件控制

    <script>
        var sco = 83;
        if(sco>80){
            alert('nice');
        }else if(sco > 60){
            alert('ok');
        }
    </script>

注释

    <script>
        //单行注释
    </script>

    <script>
        /*
        多行注释
         */
    </script>

数据类型

所有变量使用var关键字?

number?

?js不区分小数和整数

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

字符串

    <script>
        'abc'
        "abc"
    </script>

?布尔值

    <script>
        true
        false
    </script>

?逻辑运算

&&//两个都为真，结果为真
||//一个为真，结果为真
!//真即假，假即真

比较运算符

坚持不使用==比较?

=
==//类型不一样，值一样也会被判断为true
===//类型一样，值一样，结果为true

NaN===NaN ，这个与所有的数值都不相等，包括自己

只能通过isNaN(NaN)来判断这个数是否是NaN

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

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

打印结果为false

可以通过绝对值运算

    <script>
        console.log(Math.abs(1/3 - (1 - 2/3)) < 0.00000001);
    </script>

打印结果为true

null和undefined?

null 空

undefined 未定义

数组

    <script>
        var arr = [1,2,true,'hello',null];//为保证代码的可读性，尽量使用[]
        console.log(arr[0]);
        new Array(1,2,true,'hello',null);
    </script>

取数组下标，如果越界，就会undefined

对象

对象是{},数组是[]

        var person = {
            name : 'hi',
            age : '3',
            tag : ['web','java','html','...']
        }
    </script>

取对象的值

person.age