JavaScript 基础

1 概述

JavaScript是一种运行在浏览器端的脚本语言。每一个浏览器都有JavaScript的解析引擎
负责页面动态效果, 简单来说, 就是负责让页面动起来。
JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)
- 脚本语言
  不需要编译，直接就可以被浏览器解析执行了

2 功能

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

3 发展史

1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为： C-- ，后来更名为：ScriptEase
1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来SUN公司的专家，修改LiveScript，命名为JavaScript
1996年，微软抄袭JavaScript开发出JScript语言
1997年，ECMA(欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，就是统一了所有客户端脚本语言的编码方式。

4 ECMAScript：客户端脚本语言的标准

4.1.基本语法

1.与HTML结合方式

内部JS：
- 定义<script>，标签体内容就是js代码
外部JS：
- 定义<script>，通过src属性引入外部的js文件
注意：
1<script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。一般建议定义在<head>标签内部
2.<script>可以定义多个。
3.<script>在引入了外部的JS文件后，其内部将不再允许书写js代码。

2.注释

单行注释：//注释内容
多行注释：/*注释内容*/

3.数据类型

原始数据类型(基本数据类型)：

1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string：字符串。 字符串  "abc" "a" 'abc'
3. boolean: true和false
4. null：一个对象为空的占位符
5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined

引用数据类型：对象

4.变量

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

5.运算符

1) 一元运算符：只有一个运算数的运算符++，-- ， +(正号)

++ --: 自增(自减)
- ++(--) 在前，先自增(自减)，再运算
- ++(--) 在后，先运算，再自增(自减)
+(-)：正负号
类型转换：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
1.其他类型转number：
- string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
- boolean转number：true转为1，false转为0
2.其他类型转boolean
- number转boolean：0或NaN为假，其他为真
- string转boolean：除了空字符串("")，其他都是true
- null转boolean：都是false
- undefined转boolean：都是false
- 对象：都为true
  //一切有意义的都是true，无意义的都是false

2) 算数运算符：+ - * / % ...

3) 赋值运算符：= += -+....

4) 比较运算符：> < >= <= == ===(全等于)

比较方式：
1.类型相同：直接比较
字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
2.类型不同：先进行类型转换，再比较
===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false

5) 逻辑运算符：&& || !

6) 三元运算符：? : 表达式

var a = 3;
var b = 4;
var c = a > b ? 1:0;
// 语法：
表达式? 值1:值2;
判断表达式的值，如果是true则取值1，如果是false则取值2；

6.流程控制语句：

1) if...else...

2) switch:

在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)
- switch(变量)
- case 值
在JS中,switch语句可以接受任意的原始数据类型

3) while

4) do...while

5) for

7.JS特殊语法：

1) 语句以;结尾，如果一行只有一条语句则 ;可以省略 (不建议)

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

用：定义的变量是局部变量
不用：定义的变量是全局变量(不建议)

4.2.基本对象

1.Function：函数(方法)对象

1) 创建：

方法一：var fun = new Function(形式参数列表,方法体);

方法二：

function 方法名称(形式参数列表){
    方法体
}

方法三：

var 方法名 = function(形式参数列表){
    方法体
}

2) 属性：

length:代表形参的个数

3) 特点：

方法定义是，形参的类型不用写,返回值类型也不写。
方法是一个对象，如果定义名称相同的方法，会覆盖
在JS中，方法的调用只与方法的名称有关，和参数列表无关
在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数

4) 调用

方法名称(实际参数列表);

2.Array:数组对象

1) 创建

var arr = new Array(元素列表);
var arr = new Array(默认长度);
var arr = [元素列表];

2) 方法

join(参数):将数组中的元素按照指定的分隔符拼接为字符串
push() 向数组的末尾添加一个或更多元素，并返回新的长度

3) 属性：

length:代表形参的个数

4) 特点：

JS中，数组元素的类型可变的。
JS中，数组长度可变的。

3.日期对象

1) 创建：var date = new Date();

2) 方法：

toLocaleString()：返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

4.Math：数学对象

1) 创建：

特点：Math对象不用创建，直接可以使用。 Math.方法名();

2) 方法：

random():返回 0 ~ 1 之间的随机数。含0不含
ceil(x)：对数进行上舍入。
floor(x)：对数进行下舍入。
round(x)：把数四舍五入为最接近的整数。
PI: π

5.RegExp：正则表达式对象

1) 正则表达式：定义字符串的组成规则 (本质上也是一个字符串,只不过该字符串中的字符包含了特定含义)

单个字符：[]
如：[a] [ab] [a-zA-Z0-9_]
- 特殊符号代表特殊含义的单个字符:
  - \d:单个数字字符 [0-9]
  - \w:单个单词字符[a-zA-Z0-9_]
量词符号：
- ?：表示出现0次或1次
- *：表示出现0次或多次
- +：出现1次或多次
- {m,n}:表示 m<= 数量 <= n
  - m如果缺省： {,n}:最多n次
  - n如果缺省：{m,} 最少m次

2) 正则对象：