A44-网页前端第五次笔记

一、JS的基本使用

1.JS的三种使用方式
（1）行内JS 在html标签上直接写JS代码
（2）内部JS 在script标签中写JS代码，script标签可以放在head中或body中（建议放在body中）
（3）外部JS 定义JS文件，通过script标签的scr属性引入对应的JS文件

二、JS的基础语法

1.语句
（1）JS代码以行为单位，代码从上往下执行，一行一条语句
（2）语句不加分号结尾，如果一行定义多条语句，每句语句只会必须以分号结尾（建议都加分号）
（3）表达式不需要以分号结尾，如果加了分号则JavaScript引擎会当作语句执行，生成无用的语句
2.注释
（1）HTML代码注释：<!--......-->
（2）JS代码注释：//单行注释
/*多行注释*/
3.标识符
（1）规则：由Unicode字母、_、$、数字组成、中文组成
         ①不能以数字开头
         ②不能是关键字和保留字
         ③严格区分大小写
（2）规范：①见名知意
                   ②驼峰命名或下划线规则
4.关键字（保留字）：声明变量时，不要使用关键字
5.变量：JS是一种弱类型语言，在声明变量时不需要指明数据类型，直接用var修饰符进行声明
注：也可以不使用var修饰符，直接声明并赋值
（1）变量的声明：①先声明再赋值
                             ②声明并赋值
（2）变量的注意点：①如果变量只声明而未赋值，则显示underfinded
                                 ②如果变量未声明就使用，则会报错
                                 ③可以使用var同时声明多个变量
                                 ④如果重新声明一个已存在的变量，是无效
                                 ⑤如果重新声明一个已存在的变量并赋值，则会覆盖
                                 ⑥JS是一种动态的、弱类型语言，可以声明任意数据类型的变量
（3）变量名提升：JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果就是，所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量名提升。
注意：变量提升只对var命令声明的变量有效，如果变量不是用var命令声明的，就不会发生变量提升。
6.数据类型 ：（JS是弱类型语言，变量没有数据类型，数据有类型）
（1）underfinded （值不存在）出现的情况：①变量只声明未赋值，值为underfinded
                                                                       ②当定义函数需要形参，调用函数未传递实参时，参                                                                             数的值为underfinded
                                                                       ③当函数没有返回值，接受值为underfinded
（2）null类型  （值不存在）注意点：①使用typeof操作符测试null返回object字符串    （typeof操                                                                  作符：判断变量的类型）
                                                          ②underfinded派生自null，所以等值比较返回值是true。未初                                                                始化的变量和赋值为null的变量相等。
（3）数值型（包含两种数值：整型和浮点型）①所有数字（整型和浮点型）都是以64位浮点数形                                                                               式储存。所以，JS中1与1.0相等
                                                                       ②在存储数值型数据时自动将可以转换为整型的浮点                                                                             数值转为整型
（4）字符串类型 ①使用“ ”或‘ ’引起来
                           ②可以使用“+”对字符串进行拼接
（5）对象类型①数组：var 数组名=[ ]；
                       ②对象：var 对象名={ }；
                       ③函数：function 方法名（ ）  {
                                  }
（6）布尔类型：true和false
7.转换类型
（1）自动类型转换①转字符串：所有的值转字符串都是加引号
                               ②转布尔型：有值为true，无值为false（0为false，非0为true）
                               ③转数值型：空值是0，非空的数值型字符串能转换，非数值字符串转换为                                           NaN
（2）函数转换①parseInt（ ）           转整数型
                        ②parseFloat（ ）        转浮点型
注：转换时会从值的第零个位置开始找有效数字，直到找到无效数字位置
（3）显示转换①toString（ ）    将值转换成字符串
                        ②toFixed（ ）     保留指定小数位
注：值不能为null
                        ③JS为Number、Boolean、String对象提供了构造方法，用于强制转换数据类型，转换的是值的全部，不是部分
注：可以转换null值