第五次网页前端培训笔记（javascript）

一，学习网址

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

二，安装Hbuilder编辑器

HBuilderX-高效极客技巧

三，学习javascript

1. JavaScript：ECMAScript，DOM，BOM组成 
   1. ECMAScirpt（基础语法 ）：描述了该语言的语法和基本对象
   2. DOM(文档对象模型)：处理网页内容的方法和接口
   3. BOM(浏览器对象模型)：浏览器进行交互的方法和接口
   4. js基本用法
      1. 行内JS：写在标签内部的js代码
      2. 内部JS：定义在script标签内部的js代码（建议放在标签最后）
      3. 外部JS：单独的js文件，在HTML中通过script标签引入
         1. 语句和注释 
            1. 语句：语句以分号结尾，一个分号即表示一个语句结束，多个语句可以写在一行内，但是一行写多条语句时，语句必须以分号结尾（建议都加分号）
            2. 表达式不需要以引号结尾，如果家了分号会被JavaScript当做语句执行，生成无用的语句
            3. 注释：多行注释Ctrl+/    单行注释//
         2. 标识符和关键字
            1. 标识符规则
               1. 由 Unicode字母，_,$,数字组成，中文组成
                  1. 不能以数字开头
                  2. 不能是关键字和保留字
                  3. 严格区分大小写
               2. 规则
                  1. 见名知意
                  2. 驼峰命名或下划线规则
            2. 关键字：声明变量时不要使用关键字
         3. 变量：一个带名字的用来储存数据的内存空间，数据可以存储到变量中们也可从变量中取出数据
            1. 变量的声明：JavaScript是一种弱类型语言，在声明变量时不需要知名数据类型，直接用var修饰符声明
            2. 变量的注意点 

                

               1. 如果变量只声明而未被赋值，则显示undefinded
               2. 如果变量未声明就使用，则会报错
               3. 可以使用var同时声明多个变量
               4. 如果重新声明一个已存在的变量，是无效
               5. 如果重新声明一个已存在的变量并赋值，则会覆盖
               6. JS是一种动态的，弱类型的语言，可以声明任何数据类型的变量
            3. 变量提升
               1. JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行的运行这造成的结果就是，所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升
               2. 注意，变量提升支队var命令声明的变量有效，如果变量不是用var命令声明的，就不会发生变量提升
         4. 数据类型 
            1. underline，表示“ 无 ”的原始值，表示值不存在
               1. 出现undefined的常见情况
                  1. 当声明一个变量没有初始化是，这个变量的值就是undefined
                  2. 调用函数，该函数有形参但未提供实参，则改参数为undefined
                  3. 函数没有返回值时，默认返回undefined
            2. null：只有一个值的数据类型，即特殊的值null，他表示一个空对象引用。

                

                

                

               1. 当使用 typeof操作符（显示数据类型）测试null返回object字符串
               2. 只声明未赋值的变量与值为null的变量相等
            3. 数值型

                

               1.    1和1.0相等
               2.     1+1.0等于2
               3.     将浮点型的证书转换成整数1.0-->1
            4. 字符串
               1. 使用单引号和双引号引起来的
               2. 可以用  +   进行拼接
            5. 对象类型
               1. 数组        var 数组名=【】
               2. 对象        var 对象名={}
               3. 函数        function 方法名（）{   }
         5. 类型转化
            1. 自动类型转换
               1. 所有的值转字符串都加引号
               2. 转布尔，有值转true无值转false
                  1. 空值是0，非空的数值型字符串可以转，非数字字符串  NAN       
            2. 函数转换

                

                

               1. parseInt（）转整数型
               2. parseFloat（）转浮点型
               3. 注，转换时会从值的第零个位置开始找有效数字，知道找到无效数字位置parseFloat会比parseInt多识别一个小数点，但第二个小数点不识别
            3. 显示转换
               1. toString（）将值转化成字符串
               2. toFixed（）保留指定小数位
               3. 注：值不能为null
               4. js为，强制转换Number类型
               5. 强制转换boolean
               6. 强制转化String