JS的ECMAScript

今日大纲

1、ECMAScript基础语法
2、ECMAScript常用对象

前端的三个技术点:

    HTML CSS JavaScript
    关系:
        HTML 就是毛坯房(只有水泥的骨架,还没有装修)
        CSS 就是装修工作(简装,精装,豪装)
        JavaScript "特效,判断"就是自动化(智能家居)

第一章ECMAScript基础语法

    1、JavaScript 的概述
        A.Java和JavaScript的关系
            没有半毛线的关系. "雷锋"和"雷峰塔"
        B.JavaScript的分类
            a. ECMAScript JavaScript的标准语法
            b. BOM 浏览器对象模型 Browser
            c. DOM 文档对象模型  Document
    2、JavaScript 和 HTML 结合的方式
        A.内部定义
            <script>
                //简单的JavaScript语法. alert 相当于 sout
                alert("HelloWorld");
            </script>
        B.外部引入
            <!--src里面是js文件的路径-->
            <script src="../javascript/a.js"></script>
    3、注释
        A.单行注释
            //这是单行注释
        B.多行注释
            /*
                这是多行注释
            */
    4、数据类型
        A.原始数据(基本数据类型)
            a. number (整数,小数,NaN not a number)
            b. string
            c. boolean
            d. null
            e. undefined
        B.引用数据类型(对象)
    5、变量的使用
        A.定义方式
            var 变量名称 = 变量值;
        B.了解语法(写到HTML页面当中)
            document.write("<br>");  //可以把换行符写入到HTML文件当中
        C.判断数据类型的操作
            a.语法格式
                typeof(变量名称) 返回值就是数据类型
            b.注意事项
                null 的typeof函数的返回值结果是 object 类型,这是JavaScript的bug
    6、比较运算符
        == 和 === 的区别在哪里?
        a.双等比较的是 数据值 是否相等 "123"==123  true
        b.三等比较的是 比较数据类型是否相等,再看数据值是否相等 "123"===123  false
    7、逻辑运算符"非"！的转换
        A.number: 0或NaN为false,其他为true
        B.string: 空字符串""为false,其他为true
        C.null和undefined: 全是false
        D.对象:全部是true

第二章 ECMAScript常用对象

1、函数对象 Function
    A.定义格式和使用格式
        a.无参无返回值的定义格式
            function 函数名称(){

            }
        b.无参无返回值的使用格式
            函数名称();
        c.有参有返回值的定义格式
            function 函数名称(参数名1,参数名2,参数名3){
                return 返回值;
            }
        d.有参有返回值的使用格式
            var 返回值 = 函数名称(参数1,参数2,参数3);
    B.函数使用的注意事项
        a.函数没有重载,只有下面的覆盖上面的
        b.函数参数传递与个数无关.(未传递参数是undefined)
2、数组对象 Array 类似于集合 List<Object>
    A.创建的方式
        a.var arr = new Array(元素列表);
        b.var arr = new Array(默认长度);
        c.var arr = [元素列表];   //简单  var arr = [11,true,'abc'];
    B.特点
        a.长度可以随意改变
        b.数据类型可以随意改变
    C.例如:
        var arr = [11,true,'abc'];
        arr[10] = 666;
        那么中间的 arr[3]=undefined;  arr[4]=undefined; arr[5]=undefined; ...
    D.属性
        arr.length 数组的长度
3、日期对象 Date
    A.创建对象的方式
        var dd = new Date();
    B.两个方法
        a.获取当前的系统时间
            dd.toLocaleString();
        b.得到毫秒值的操作
            dd.getTime();
4、数学类 Math
    A.无需创建对象,直接可以使用
    B.常见的使用方式
        a.求圆周率 Math.PI
        b.向上取整 Math.ceil(变量);  //3.2向上取整变成4
        c.向下取整 Math.floor(变量); //3.2向下取整变成3
        d.四舍五入 Math.round(变量); //3.2四舍五入变成3  3.8四舍五入变成4
        e.随机数 Math.random(); //产生的随机数是 0~1之间的小数,包括0不包括1