web前端学习day-05

JavaScript

重点：变量 数组 函数（类似java中的方法）对象 

           事件类型     window对象方法     DOM对象      表单

1 简介

        JavaScript是一种具有面向对象能力的、解释型的程重设计语言。更具体一点， 它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等。

2 用法

行内JS :写在标签内部的js代码

内部JS :定义在script标签内部的js代码

外部JS :单独的js文件，在HTML中通过script标签引入

注：如果script标签设置了src属性，则在script双标签之间的JS代码不会生效

3 语法

3.1语句

1. JS代码以行为单位，代码从上往下执行，一行一条语句。

2.语句不加分号结尾，如果一行定义多条语句， 每句语句只会必须以分号结尾。(建议都加分号 )

3.表达式不需要以分号结尾，如果加了分号则JavaScript引擎会当做语句执行，生成无用的语句。 

 3.2 注释:

1. HTML代码注释: <1-- HTML注释-- >

2. JS代码注释:

         //单行注释

          /*多行注释*/

3.3 标识符规则:

由Unicode字母、二、$、 数字组成、中文组成

 (1)不能以数字开头

 (2)不能是关键字和

(3)严格区分大小写

3.4 规范

(1)见名知意

(2)驼峰命名或下划线规则

   关键字（保留字）

  声明变量时，不要使用关键字

4 变量

JS是一种弱类型语言，在声明变量时不需要指明数据类型，直接用var修饰符进行声明。

注:也可以不使用var修饰符，直接声明并赋值。

变量的声明

        1.先声明在赋值

         2.声明并赋值

变量的注意点

        1.如果变量只声明而未赋值，则显示undefinded

        2.如果变量未声明就使用，则会报错

        3.可以使用var同时声明多个变量，则前边的会undefinded

        4.如果重新声明一个已存在的变量， 则无效

        5.如果重新声明一个已存在的变量并代值，则会覆盖

        6.JS是一种动态的、弱类型语言，可以声明任意数据类型的变量

JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再-行- 行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。

注意:变量提升只对var命令声明的变量有效，如果变量不是用var命令声明的，就不会发生变量提升。

5 数据类型

JS是弱类型语言，但还是要严谨书写，变量没有数据类型。但数据有类型。

5.1 undefined

(值不存在）

出现的情况:

1.变量只声明未赋值，值为undefined

2，当定义函数需要形参，调用函数未传递实参时，参数的值为undef ined

3.当函数没有返回值，接收值为undefined

5.2 null

(空值）

出现的情况：

1.使用typeof操作符测试null 返回object字符串。

2) undefined 派生自null, 所以等值比较返回值是true。未初始化的变量和赋值为null的变量相等。

5.3  数值型

数值型包含两种数值:整型和浮点型。

1 所有数字(整型和浮点型)都是以64位浮点数形式储存。所以，JS中1与1.0相等

2)在存储数值型数据时自动将可以转换为整型的浮点数值转为整型。|

5.4 字符串类型

1.使用'或”"引起来

2.可以使用"+"对字符串进行拼接

5.5 布尔类型

true和false

6 类型转换

6.1 自动类型转换

1.转字符串 所有的值转字符串都是加引号

2.转布尔型:有值为true, 无值为false (0为false, 北0为true)

3 转数值型:空值是0，非空的数值型字符串能转换，非数值字符串转换为NaN

6.2 函数转换

parseInt( )  转整数型

parseFloat()  转浮点型

注:转换时会从值的第零个位置开始找有效数字，直到找到无效数字位置

6.3 显示转换

toString()将值转换成字符串

toF ixed() 保留指定小数位，四舍五入

注:值不能为null

JS为Number、boolen、String对象提供了构造方法，用JS强制转换数据类型，转换的是值的全部，不是部分

注：可以转成null