学习javaee的第三天

JavaScript基础知识
一、JavaScript简介
作用：负责网页的交互（数据校验，网页特效..）

JavaScript的知识系统：
ECMAScript基础语法（统一）
BOM（非ECMA）
DOM（非ECMA）


二、变量和数据类型
定义：var 变量名 = 值；
类型是赋值的时候确定的

js数据类型：
number：数值类型
String：字符串类型
boolean: 布尔值
object：对象类型


三、常用的转换函数
字符串->整数
java： Integer.parseInt（"字符串")
js: parseInt("字符串")


注意：
1）可以转换10进制
2）可以转换16进制
3）如果第一个字符是数值类型，则继续转换，直到非数值为止！！！否则转换错误！（NAN）


字符串->小数
java：Float.parseFloat("字符串")
js:parseFloat("字符串")



四、运算符
算术运算符：+ -   *   /   %
注意：在js中，boolean类型可以使用1和0来表示true和false

比较运算符：== > < <=>= !=

逻辑运算符： && ||  ！
&& || ：具有短路的功能。即如果第一个条件成真或者成假的话，则第二个条件就不用考虑了
 
赋值运算符： =    +=    -=    *=    /=


三目运算符：表达式？true的情况：false的情况



五、在js中使用debug功能来调试代码


六、流程控制语法
条件：if(){}else{} .. else{}
if条件内容：
boolean
string
number
object
条件： switch(){  case1:  case2:  case3:  }
case条件内容：
常量
变量
表达式
循环： for(var i=0;i<10;i++){   }
循环： while(x>10){  }
循环： do{.....}while(x<10);


for-in语句：循环迭代数据
语法：
for（var 变量 in 遍历的数组|对象）{

}
作用：1）遍历数组 2）遍历对象


with语句：
简化代码的元素，在存取对象属性和方法时候就不用重复指定参考对象


七、js函数
语法：
function 函数名（形参列表）{
函数体
}


调用函数：
函数名（实参列表）；


1）js函数的形式参数不能使用var定义。
    2) js函数不需要声明返回类型,使用return返回数据即可！！
    3) js函数没有重载的概念，后面声明的同名方法会把前面的方法给覆盖调！！！
    4) js函数的形式参数和实际参数的数量可以不一致的，依然可以调用成功！！
    5) js函数的调用原理：
    a)每个js函数中有包含一个内置的数组arguments，该数组用于存储函数调用时传递过来的实际参数数据
    实际参数数据 -> arguments
    b)arguments数组数据会依次从左到右地赋值给形式参数


八、内置对象
1）String对象
charAt(): 查找指定下标的字符
indexOf(): 查询第一次出现指定字符的下标
lastIndexOf(): 查询最后一次出现指定字符的下标
fontcolor(): 设置字符串的字体颜色
replace（）： 替换字符串
substring(): 截取字符串
split() : 使用指定的字符进行切割字符串 


2）Number对象


3）Math对象
ceil(): 向上取整   3.94 -》4
floor(): 向下取整   3.94 -> 3
round(): 四舍五入取整  3.49 -> 3   3.51-> 4
random()： 生成一个0~1的随机小数（包含0，不包含1） 


4) Date对象
年： getFullYeaer()
月： getMonth()+1
星期： getDay() (0-6)
日期：getDate()
时： getHours()
分： getMinutes()
秒： getSeconds()


案例：会动的网页时钟 （必须练习）


5)Array对象
join(): 使用指定的字符串拼接数组的每个元素，返回新的字符串
reverse(): 反转数组的每个元素的顺序。  0,1,2,3-》 3,2,1,0

6）RegExp对象： 使用正则表达式
复习正则表达式基础语法
^  :  代表字符串的开始
$  ： 代表字符串的结束
*  :  代表0或多个匹配的内容
+  ： 代表1或多个匹配的内容
?  :  代表0或1个匹配的内容
{4}:  代表出现4次匹配的内容
{4,12}:  代表出现4~12次匹配的内容

[a-z]: 匹配小写字母
[A-Z]: 匹配大写字母
[0-9] |  \d : 匹配数字
\D : 匹配非数字字符
\w: 匹配包含下划线在内的单词字符。等价于'[A-Za-z0-9_]'


常用方法
test(): 使用正则表达式去匹配目标字符串。如果返回true，则表示匹配成功，false,匹配失败！

正则案例；给表单进行数据验证（必须练习）


用户名： 6-16位字母或数字，下划线
密码：   4-12位数字
邮箱：   邮箱规则    [e-mail]   [e-mail]   [e-mail]  [e-mail]
    字母或数字或下划线（至少1个）@字母或数字(两个以上).字母（2-3个）.字母（2-3可有可无）



九、js自定义对象
java：使用类（class）定义对象  ，创建对象： new 
js:  使用函数（function）定义对象， 创建对象 ： new


四种语法定义、创建对象：
语法1： (类似于有参的构造方法)
function 对象名(属性列表){
定义属性
定义方法
}


语法2： (类似于无参的构造方法)
function 对象名(){

}
语法3：直接使用Object的模板去创建对象
var p = new Object();
语法4：(符合json语言语法，ajax）
var p = {
属性名1：属性值1,
属性名2：属性值2,
方法名1: 方法内容1




原型： }

原型原理：
1）每个js对象都有一个内置的prototype的属性，该属性的值是Prototype对象
2）该prototype属性可以添加方法，而添加的方法会自动地添加到所在的对象上




原型作用：给（内置对象）对象添加方法




总结：
1）java基础语法（运算符,流程控制...）
2)  对象部分
（重点）内置对象（Date ，RegExp ）
（重点）自定义对象（语法？？ ArrayUtil案例）
原型（了解）