JavaScript详解

一，JavaScript当中的变量定义以及数据类型划分

1.1 变量的定义

定义变量的注意事项

        1）在js中定义变量,使用var来定义,var可以省略不写(刚开始,建议写上)

        2）javascript是弱类型语言,它的语法结构不严谨! 可以重复定义变量的,后面的变量的值将前面的变量值覆盖掉

        3）查看js的变量的数据类型,使用一个函数 typeof(变量名)

        4）var可以任意数据类型

1.2数据类型的划分

        1)无论是整数还是小数,都是number类型, js引擎会自动提升为 Number 对象类型

        2) 无论是字符串还是字符,都是string类型,js引擎会自动提升为 String 对象类型

        3)boolean类型（true/false ）js引擎会自动提升为 Boolean 对象类型

        4)object类型   (创建一个对象 )  ---- js引擎会自动提升为Object对象类型，

 在Js中,Object对象代表所有js对象的模板!

        5)undefined类型 :未定义类型 (这种没有意义),因为没有赋值

二，JavaScript当中函数定义以及调用

2.1 函数的定义

方式1    

                        形式参数列表

                        function 函数名称(参数名称1,参数名称2....){

                            函数的里面业务逻辑

                            直接在这输出document.write("xxx") ;

                        }                     

方式2:(推荐)

                        function 函数名称(参数名称1,参数名称2....){

                            函数的里面的业务逻辑

                            return 结果;

                        }                     

定义函数的注意事项:

                1)js是弱类型语言,定义函数的时候,参数名称不能携带var

                2)js定义时候,没有返回值类型,但是函数中可以携带return语句,代表方法结束!

                3)Js中没有函数重载的概念,如果方法名相同,后面定义的函数将前面定义的函数覆盖了  

                4)实际参数列表 < 形式参数列表,函数依然会被调用,不过值是"NaN",有一个形式参数没有赋值 实际参数列表 > 形式参数列表,将实际参数的值赋值给形式参数,多余的实际参数,直接省略不计

                5)隐藏一个数组名称:arguments,作用:将实际参数绑定给形式参数

2.2函数的调用

  方式1调用:

                            单独调用

                            函数名称(实际参数列表) ;    

  方式2调用:

                        赋值调用

                        var 最终结果变量 = 函数名称(实际参数列表) ;

三，JavaScript当中的流程控制语句

3.1三大类

1)顺序结构:js代码从上而下依次加载

2)选择结构

if结构

        if(表达式){语句}

        if(表达式){语句1 }else{语句2 }

        if(表达式1){语句1; }else if(表达式2){语句2 ; ... }else{语句n;}

if结构2 :针对两种情况进行判断

        1)如果if里面是一个非0的整数,条件是成立的;

        2)如果是非空字符串,条件成立;

        3)如果是非null的对象,条件成立的;

3)循环结构

for循环{

for(初始化语句;条件表达式;控制体语句){循环体语句; }

while循环

          初始化语句;

          while(条件表达式){

          循环体语句;

          控制体语句; }

do while语句;

            do{

                循环体语句;

                控制体语句;

            }while(条件表达式) ;

            do while,循环体至少执行一次!

switch语句的结束条件

                    1)遇见break结束

                    2)程序默认执行到末尾

                case语句后面没有break,会造成"case穿透现象!"

3.2for-in语句

for-in类似于java的增强for循环

            应用场景:

                1)遍历数组

                2)遍历对象的属性

for-in语句的格式

for(var 变量名 in 数组或者对象名称){

                    使用变量名; }

四，JavaScript当中date对象的使用:网页时钟的操作流程)

Js内置对象:Date日期,String字符串,Array数组,正则表达式对象..

浏览器在解析javascript的时候,能够识别这个对象,使用里面的方法!

1.获取当前系统时间

        1.1创建一个日期对象

        1.2拼接出来时间字符串

2.文档对象模型编程)操作:

        2.1.获取标签对象

        2.2设置标签的文本内容

3.开启网页定时器

setInterval("定时任务()",时间毫秒值):每经过时间毫秒值重复执行这个定时任务..

setTimeout("定时任务()",时间毫秒值):经过这个毫秒值之后,执行一次定时任务..