var stuList = document.getElementById('stuList'),
    stuBody = stuList.tBodies[0],
    stuRows = stuBody.rows;
//->开始的时候页面中没有TR,所以stuRows是一个空的类数组

~function () {
    //->GET DATA
    ...

    //->BIND DATA
    var str = ``;
    ...
    stuBody.innerHTML = str; //->向页面中增加了20个TR

    console.log(stuRows); //->页面中TBODY结构中的内容改变了,根据DOM的映射机制,此处不需要重新的获取,stuRows中存储的就是最新的20条数据
}();

//->修饰符放在最后一个斜杠的后面
var reg = /^\d+$/img;

//->实例创建方式中，修饰符放在第二个实参字符串中
var reg = new RegExp('','img');

//->两个斜杠中间包起来的都是正则的元字符
//1、特殊元字符：有特殊含义的
//2、量词元字符：代表出现多少次
//3、普通元字符：代表本身含义的
var reg = /^\d+$/g;
var reg = new RegExp('[元字符]','[修饰符]');

/*
 * var reg = /^18|19$/; 
 * //->按照我们本身的理解，应该是18或者19两个中的任意一个，符合x|y这个元字符的规则
 * //->但是现实不是这样的，上面的规则，18/19/181/189/119/819...都符合，它识别和处理的规则特别乱
 * var reg = /^(18|19)$/; //->当我们使用分组把它包起来的时候就好了，现在只能匹配18或者19了，其余的都不可以
*/
=>正则中分组`()`的第一个作用：改变默认的优先级

=>分组的第二个作用是：分组引用
//->\1 或者 \2 或者 \数字
//代表个对应分组出现一模一样的内容，也就是\1代表和第一个分组出现的内容一模一样
var reg = /^([a-z])([a-z])\2\1$/;
//->oppo moom noon toot ...

=>分组的第三个作用：分组捕获

/*
 * 1、手机号码(简单)
 * ->以1开头
 * ->11位数字
*/
var reg = /^1\d{10}$/;//->同时加了^和$，次正则可以理解为只能是某某某规则；如果两个都不加，只要字符串中有一部分符合这个规则即可

/*
 * 2、验证年龄：18~65
 * -> 18或者19
 * -> 20~59
 * -> 60~65
 * 分三个阶段完成操作
 */
var reg = /^((18|19)|([2-5]\d)|(6[0-5]))$/;

/*
 * 3、验证中文姓名的
 * -> 只能是中文汉字 
 *  第一个汉字的ASCII码:\u4E00
 *  最后一个汉字ASCII码:\u9FA5
 * -> 正常一般都是2~4位 
 */
var reg = /^[\u4E00-\u9FA5]{2,4}$/;
reg = /^[\u4E00-\u9FA5]{2,5}(·[\u4E00-\u9FA5]{2,5})?$/; //->支持：大卫·贝克汉姆 这种英文译名

/*
 * 4、验证是否为有效数字的
 * -> 可能出现-，也可能不出现
 * -> 一位数可以是零，多位数零不能作为开头
 * -> 小数部分可能有可能没有，如果一但有，小数点后面必须有数字
 */
var reg = /^-?(\d|([1-9]\d+))(\.\d+)?$/;

/*
 * 5、验证身份证号码
 * -> 简单：前17位是数字，最后一位数字或者X
 * -> 完善：我们需要在身份证中获取到 省市县、出生年月日、性别 等信息
 */
//var reg = /^\d{17}(\d|X)$/;
var reg = /^(\d{6})(\d{4})(\d{2})(\d{2})\d{2}(\d)(?:\d|X)$/;
//->把需要单独获取的部分用分组包起来，正则捕获的时候可以捕获到分组中的内容，如果加了分组，但是不想捕获，在该分组前面加 ?: 即可(只匹配不捕获)

/*
 * 6、验证邮箱的
 */
var reg = /^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;

var reg = /\d+/; //->包含1到多个数字
var str = 'zhufeng2017peixun2018';
reg.exec(str); //->["2017", index: 7, input: "zhufeng2017peixun2018"]
reg.exec(str); //->["2017"...]

/*
 * 问题：当前正则执行一次exec只能捕获到一个匹配的内容，我执行两次exec，第二次捕获到的依然在还是第一次的结果，不管执行多少次exec，捕获到的依然都是第一个   
 * =>“正则捕获的懒惰性”
 * 
 * lastIndex：下一次正则捕获的时候，在字符串中查找的开始位置索引
 * 第一次查找之前，reg.lastIndex=0，也就是第一次是从字符串的开始位置查找的，所以找到的是2017
 * 第一次执行exec结束后，reg.lastIndex值还是0，所以第二次依然是从字母串的开始位置找的，找到的当然还是2017
 * ...
 *  
 * 解决正则的懒惰性：
 * 执行exec后，让lastIndex值变为当前这一次捕获的结束位置，这样下一次捕获的时候，就可以接着继续查找了(而不是从头开始了)
 * =>我们只需要给正则加一个全局修饰符g，就可以在每一次执行exec后，自动修改它的lastIndex了
 */
var reg = /\d+/g;
var str = 'zhufeng2017peixun2018';

reg.lastIndex ->0
reg.exec(str); ->['2017'...]

reg.lastIndex ->11
reg.exec(str); ->['2018'...]

reg.lastIndex ->21
reg.exec(str); ->null 捕获不到

reg.lastIndex ->0
reg.exec(str); ->['2017'...]

/*
 * 上面的案例中，我们知道执行两次就可以捕获全了，但是如果你不知道具体要捕获多少次，我们该如何是好？
 * => 接下来我们自己在RegExp的原型上扩展一个方法myExecAll，执行这个方法，可以把所有匹配的一次性都捕获到
 */
//->str:需要捕获的原始字符串
RegExp.prototype.myExecAll = function myExecAll(str){
	 //->this:reg
	 //->为了防止不加g的时候，每一次捕获的都是第一个，导致死循环，我们在正则没有加g的时候执行一次即可
	 if(!this.global){
		 //->没有加g:执行一次exec即可
		 return this.exec(str);
	 }
	 //->已经加g了
	 var ary = []; //->存储所有捕获的结果
	 var res = this.exec(str);
	 while(res){
		 ary[ary.length]=res[0];//->把每一次捕获的结果存放在数组的末尾
		 res = this.exec(str);
	 }
	 return ary;
}

/*
 * 生活如此美好，何必这么麻烦和纠结
 * 字符串中有一个方法叫做match，执行这个方法，也可以把所有匹配的内容，一次性捕获到，但是前提正则也需要加g，不加g，也只能捕获第一个
 */
var reg = /\d+/g; 
var str = 'zhufeng2017peixun2018hahah2019heheh2020';
str.match(reg); //->['2017','2018','2019','2020']

/*
 * 难道生活如此简单吗？
 * match虽然很简单暴力，但是在需要捕获小分组内容的时候，就不太符合我们的需求了，因为match只能把大正则匹配捕获到，对于小分组匹配的无法捕获
 */
var ary = ['zxt',28]; 
var str = 'my name is {0}，i am {1} years old~~';
//->我们想把 {0} 替换成 ary[0]
//->我们想把 {1} 替换成 ary[1]
//->我们既要捕获到 {数字}，也需要把里面的数字单独的获取到(因为这个数字可以充当我们在数组中获取内容的索引)
var reg = /\{(\d+)\}/g; //->大正则匹配的是‘一个大括号中包含数字’，第一个小分组匹配的是‘大括号中的那个数字’

reg.exec(str); //->["{0}", "0"...] 第一项大正则匹配的结果，第二项第一个分组匹配的结果 ，也就是使用exec可以捕获到小分组匹配的内容
reg.exec(str); //->["{1}", "1"...]

str.match(reg); //->["{0}", "{1}"] 使用match只能捕获到大正则匹配的，小分组匹配的获取不到

/*
 * match并不是所有情况下，都捕获不到分组的内容，当只需要捕获一次就可以完成的时候(或者不加g的时候)，match获取的结果和exec一样
 */
var reg = /^(\d{6})(\d{4})(\d{2})(\d{2})\d{2}(\d{1})(?:\d|X)$/; //->身份证号码的正则
var str = '130828198802240761';
str.match(reg); //->["130828198802240761", "130828", "1988", "02", "24", "6"...]

/*
 * test在某些时候，也是实现捕获的：test匹配的时候，也是把符合的找到了，我们就可以使用一些特殊的手段，把查找的内容取出来
 */
var str = 'my name is {0}，i am {1} years old~~';
var reg = /\{(\d+)\}/g;

reg.test(str);
console.log(RegExp.$1);//->获取第一次捕获的时候,第一个分组中的内容($1) =>'0'

reg.test(str);
console.log(RegExp.$1); //=>'1' 并且执行test,如果设置了g，也是可以修改lastIndex的

reg.exec(str); //->null

var str='zhufeng2017peixun2018';
var reg=/\d+/g;
reg.exec(str);//->['2017'...] 每次捕获的时候都是把当前正则匹配的最长结果捕获到 ->`贪婪性`

//->取消贪婪性：在量词元字符后面加一个问号就可以了
//=>问号作用很多
//1、如果放在一个非量词元字符的后面，它本身就是代表出现零次或者一次的量词元字符
//2、如果出现在量词元字符的后面，它本身是取消捕获时候的贪婪性的
var str='zhufeng2017peixun2018';
var reg=/\d+?/g;
reg.exec(str); //->['2'...]

//3、?: 只匹配不捕获
//4、?= 正向预查
//5、?! 负向预查