JavaScript基础

1. JavaScript基础

   • 概念：一门客户端脚本语言

     • JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
     • 脚本语言：不需要编译，直接就可以被浏览器解析执行了。

   • 功能：

     • 增强用户和html交互过程，可以来控制html元素，可以实现，让页面有一些动态的效果，增强用户体验。

   • JavaScript = ECMAScript + BOM + DOM

   • ECMAScript：客户端脚本语言标准

     • 1. 基础语法

       2. 与html结合方式

          1. 内部js
             • 定义，通过src属性引入外部的js文件
          • 注意：
            1. script标签可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
            2. script可以定义多个

       3. 注释

          1. 单行注释 //注释内容
          2. 多行注释 /注释内容/

       4. 数据类型

          1. 原始数据类型(基本数据类型)
             1. number：数字。 整数、小数、NaN(not a number 一个不是数字的数字类型)
             2. string：字符串。“abc”、‘abc’ 单引号或者双引号定义的均是字符串
             3. bool：true或false
             4. null：一个对象为空的占位符。
             5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined
          2. 引用数据类型：对象

       5. 变量

          • 一小块存储数据的内存空间
          • Java语言是强类型语言，而JavaScript是弱类型语言。
            • 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型，只能存储固定类型的数据。
            • 弱类型：在开辟变量存储空间时，不定义空间存储的数据的数据类型，可以存放任意类型的数据。
          • 语法
            • var 变量名;
            • var 变量名 = 初始化值;
          • typeof运算符：获取变量的类型：typeof(变量名称)
            • 注意：null运算后得到的是object。null 被认为是对象的占位符。

       6. 运算符

          1. 一元运算符：只有一个参数，即要操作的对象或值。
             • ++ 自增 – 自减
               • ++ – 在前，先自增(自减)，再运算；
               • ++ – 在后，先运算，再自增(自减)；
             • +(正号)
          2. 算数运算符：+、-、*、/、%
          3. 赋值运算符
             = += -+…
          4. 比较运算符：< > >= <= == ===(全等于)
          5. 逻辑运算符： && || !
          6. 三元运算符： ? :
          • 注意：在JS中，如果运算数不是运算符所要求的类型，那么JS引擎会自动的将运算数进行类型转换。
          • 其他类型转 number
            • string：按照字符串的字面值转换。如果字面值不是数字，则转为NaN。
            • bool：true转为1，false转为0
          • 其他类型转 bool
          1. number：0或NaN为假，非0为真
          2. string：除了空字符串("")，其他都是true
          3. null&undefined：都是false
          4. 对象：所有对象都是true

       7. 流程控制语句

          1. if…else
          2. switch
             • 在java中，switch语句可以接受的数据类型：byte int short char，枚举(1.5) String(1.7)
             • 在JS中，switch可以接收任意类型数据
     • 2. 基本对象
       • Function：函数对象
         1. 创建
         2. var fun = new Function(形参列表, 方法体); 参数必须加引号 – 不推荐
         3. function 方法名称(形参列表){
            // code…
            }
         4. var 方法名 = function(形参列表){
            // code…
            }
       2. 方法
       3. 属性
          length：代表形参的个数
       4. 特点
          1. 方法定义时，形参的类型不用写；返回值类型也可以不用写。
          2. 方法是一个对象，如果定义名称相同的方法，先定义的方法会被覆盖
          3. 在js中，方法的调用，只与方法的名称有关，和参数列表无关
          4. 在方法声明中，有一个隐藏的内置对象(数组)，arguments，封装了所有的实际参数
       5. 调用
          方法名称(实际参数列表);
       • Array
         1. 创建
         2. var arr4 = new Array();
         3. var arr = new Array(元素列表);
         4. var arr = new Array(数组默认长度);
         5. var arr = [元素列表];
       2. 方法
          1. join(参数)：把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
          2. push(参数)：向数组的末尾添加一个或更多元素，并返回新的长度。
       3. 属性
          length：数组的长度
       4. 特点
          1. js中，数组元素的类型是可变的。
          2. js中，数组的长度是可变的。
       • Boolean
       • Date
       1. 创建
          var date = new Date();
       2. 方法
          1. toLocaleString(); 根据本地时间格式，把 Date 对象转换为字符串。
          2. getTime(); 返回 1970 年 1 月 1 日至今的毫秒数。时间戳
       • Math
         1. 创建
         • 特点：Math对象不用创建，直接使用。 Math.方法名;
       2. 方法
          1. random() 返回 0 ~ 1 之间的随机数。[0,1) 含0不含1
          2. ceil(x) 对数进行上舍入。
          3. round(x) 把数四舍五入为最接近的整数
          4. floor(x) 对数进行下舍入。
       3. 属性
          1. PI 圆周率

       • Number

       • String

       • RegExp：正则表达式对象

         1. 正则表达式：定义字符串的组成规则。

            1. 单个字符串： []
               如：[a] 表示有一个字符是a;
               [ab] 表示a或者b;
               [a-z] 表示26个小写字母中的任意一个;
               [a-zA-Z] 表示26个大写字母或者小写字母中的任意一个字符
               [a-zA-Z0-9] 表示26个大写字母或者小写字母或者0到9数字中的任意一个字符
               [a-zA-Z0-9_] 表示26个大写字母或者小写字母或者0到9数字或者下划线中的任意一个字符

               • 特殊符号代表特殊含义的单个字符
                 \d 查找数字 [0-9]
                 \w 查找单词字符 [a-zA-Z0-9_]

            2. 量词符号

               • 表示出现0次或多次
                 ? 表示出现0次或1次
               • 表示出现1次或多次
                 {m,n} 表示 m<=数量<=n
                 • m 如果缺省 {,n} 表示最多n次
                 • n 如果缺省,{m,} 表示最少m次

            3. 开始、结束符号

               • ^ 开始符号
               • $ 结束符号

         2. 正则对象

            1. 创建
               1. var reg = new RegExp(“正则表达式”); 如：var reg1 = new RegExp("^\w{6,12}$");
               2. var reg = /正则表达式/; 注意：正则表达式不要添加双引号或单引号。如：var reg2 = /^\w{6,12}$/; – 推荐使用
            2. 方法

       • Global

         1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。调用：方法名();