JavaScript

1. 概念

• 一门客户端脚本语言
  • 运行在客户端浏览器中，每一个浏览器都有一个JavaScript的解析引擎
  • 脚本语言：不需要编译，直接就可以被浏览器解析执行
• 功能
  • 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验

2. 基本语法

1. 与html结合方式

   • 内部JS

     定义script标签.标签体内容就是JS代码

   • 外部JS

     定义script标签,通过src属性引入外部的JS文件

   • 注意:

     1. script可以定义多个,可以定义在html页面的任意地方.但是定义的位置会影响执行顺序

2. 注释

   • 单行注释 //
   • 多行注释 /* */

3. 数据类型

   • 原始数据类型：
     • number：数字。整数 / 小数 / NAN
     • string：字符串
     • boolean：true / false
     • null：对象为空的占位符
     • undefined：未定义。如果一个变量没有给初始化值，则默认赋值undefined
   • 引用数据类型：对象

4. 变量

   • 一小块存储数据的内存空间
   • Java是强类型语言，JavaScript是弱类型语言
     • 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
     • 弱类型：在开辟变量存储空间时，不定义将来的存储数据类型，可以存放任意类型的数据
   • 语法：var 变量名 = 初试化值

5. 运算符

   • 一元运算符

   • 算数/比较运算符

     • 全等于===：类型也必须相同

   • 逻辑运算符

     && || ！

     • 其他类型装boolean
       1. number：0或者NAN为假，其他为真
       2. string：除恶空字符串。其他都是true
       3. null和undefined：false
       4. 对象：所有对象都是true

   • 三元运算符 ? :

6. 流程控制语句

   • if…..else….
   • switch
     • 在Java中可以接收的数据类型：byte、int、short、char、枚举、String
     • 在JS中，可以接收任意类型的数据
   • while
   • do……while
   • for

7. 特殊语法

   • 变量的定义使用var关键字，也可以不用

     使用var：定义的是局部变量

     不使用var：定义的是全局变量

3. 基本对象

1. Array

   • 创建
     • var arr = new Array(元素列表);
     • var arr = new Array(默认长度);
     • var arr = [元素列表];
   • 特点
     • 在JS中，数组元素是可变的
     • JS中，数组长度也是可变的
   • 方法
     • join(参数)：将数组中的元素按照指定的分隔符拼接为字符串
     • push()：向数组的末尾添加一个或更多元素，并返回新的长度

2. Boolean

3. Date

   • 创建
     • var date = new Date();
   • 方法
     • toLocalString()：返回当前date对象对应的时间本地字符串格式
     • getTime()：返回当前时间对象描述时间到1970年1月1号的毫秒值差

4. Math

   • 创建
     • Math对象不用创建，直接使用 Math.方法名
   • 方法
     • random()：返回0~1之间的随机数。[0,1)
     • cell(x)：对数字进行向上舍入
     • floor(x)：向下舍入
     • round(x)：把数四舍五入为最接近的整数
   • 属性
     • PI

5. Number

6. String

7. RegExp：正则表达式对象

   • 正则表达式：定义字符串的组成规则

     • 定义单个字符：[]，如 [a]，[ab]，[azAZ0~9]

     • \d ：单个数字字符

     • \w：单个单词字符

     • 量词符号：

       *表示出现0次或多次

       ？表示出现0次或1次

       +表示出现1次或多次

       {m,n} m<=数量<=n，m如果缺省表示最多n次；n如果缺省表示最少m次

       如 \w{6,12}

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

   • 正则对象

     • 创建
       1. var reg = new RegExp(“正则表达式”);
       2. var reg = /正则表达式/ ;
     • 方法
       1. test(字符串)：验证字符串是否符合规范

8. Global

   • 特点：全局对象，封装的方法不需要对象可以直接调用。 方法名()

   • 方法

     • encodeURI(str)：URL编码

       decodeURI(str)：URL解码

     • encodeURIComponent(str)：URL编码

       decodeURIComponent(str)：URL解码

     • parseInt()：将字符串转换为数字，逐一判断每一个字符是否是数字，知道不是数字为止，将数字部分转为number

     • isNAN()：判断是否是NAN

       如： var a = NAN; a == NAN; //false

       ​ isNAN(a);//true

     • eval()：将JavaScript字符串转换为脚本代码来执行

   • URL编码：

9. Function：函数对象

   • 创建
     • var fun = new Function(形式参数列表，方法体)
     • function 方法名称(形式参数列表) { 方法体 }
     • var 方法名 = function() { 方法体 }
   • 属性
     • length：形参的个数
   • 特点
     • 方法定义时形参的类型不用写，返回值类型也不写
     • 方法是一个对象，如果定义名称相同的方法，会覆盖
     • 在JS中，方法的调用只与方法名称有关，和参数列表无关
     • 在方法声明中有一个隐藏的内置对象(数组)，arguments，封装所有的实际参数
   • 调用
     • 方法名称(实际参数列表)