js : RegExp

$(document).ready和window.onload的区别

• $(document).ready DOM结构加载完之后执行
• window.onload 等页面所有的东西包括图片、视频等都加在完之后执行

同步 和 异步

• 区别：
  • 同步：如果当前任务没有完成，不会开始下一个任务
  • 异步：当前任务没完成，继续开始下一个任务，可以同时进行很多个任务
• 所有的循环都是同步
• 常见的异步：
  • 事件 oDiv.onclick = function(){}
  • ajax
  • 回调 sort(function(){})
  • 定时器 setInterval(function(){},1000)

正则

• 概念：正则就是规则，就是操作“字符串”
  • 作用
    • 匹配
    • 捕获字符串
• 正则的写法
  • 字面量的写法： var reg = /^2\d{2}$/g 2xx
  • 实例写法： var reg = new RegExp('^2\d{2}$');
• 字面量创建和实例创建的区别
  • 字面量创建特殊含义 \d 这类的不需要转义，但是实例需要转义
  • 字面量创建无法进行变量的拼接，但是实例创建可以拼接变量
• 正则有两部分构成：

• 元字符
  • 具有特殊含义的字符

元字符	含义
\	转义
"|"	或
()	分组
.	除了\n以外的字符
\n	换行
\b	开头结尾和空格
^	开头
$	结尾
\s	空格
\S	非空格
\d	数字
\D	非数字
\w	数字字母下划线
\W	非数字字母下划线
[abc]	其中的任意一个
[^abc]	非其中的任意一个

• 量词元字符

元字符	含义
*	0到多个
+	1到多个
？	0 或 1
{n}	正好n个
{n,}	n到多个
{n,m}	n到m个

• 修饰符

修饰符	含义
g	全局
i	忽略大小写
m	换行

• () 的作用
  • 提高优先级：只要使用到 | 的地方，一定要加 ()
  • 分组
  • 小分组
• []的作用
  • 中括号中的内容只能出现一个
  • 中括号中. - + 都是他正常的意思，没有特殊含义

正则中的主要作用

• 匹配
  • reg.test()
  • 因为匹配返回的是布尔值，所以一般在条件判断语句和返回值中
• 捕获
  • reg.exec()
  • 主要的比较对象 str.match();

字符串的方法

• str.search(正则)
• str.split(正则)
• str.match(正则)
• str.replace(正则)

正则捕获的两大特性

• 懒惰性
  • 用全局g来解决
• 贪婪性
  • 在量词元字符后面加上？号

正则的属性

• reg.test() 匹配
• reg.exec() 捕获
• reg.global() 判断是否有全局修饰符
• res.lastIndex() 从哪里开始查找，一定要加g，否则永远从0开始找
• res.toString() 把正则转为字符串

? 的作用

• 可有可无 ?
• 解决捕获时候的贪婪性； +?
• 只匹配，不捕获； (?:)

正则的捕获方法： exec 和 match

• 一般情况下，返回值是一个长度为3的数组；如果有小分组的时候，小分组从索引为1开始依次往后累加；把找到的内容的索引和原始字符串推到最后
• 如果没有全局g，lastIndex永远从索引为0的时候开始找，加了全局g，lastIndex从找到内容的下一项内容的索引开始查找；
• exec 和 match 的区别
  • 有g:exec每次只能拿到一个符合条件的数组，但是可以有小分组; match可以拿到所有符合规则的内容，以一个新数组的形式返回，但是无法拿到小分组
  • 无g:exec和match拿到的值时一样的；

正则捕获的方法

1. exec
2. match
3. replace

重复子项

• \1 代表跟第一个小分组一模一样
• \2 代表跟第二个小分组一模一样

知识大致整理：

1. [] 的注意事项

   • 中括号中像 . - _ + 等都没有特殊含义；如果放在小括号中 (+)
   • 中括号不会出现两位数，只有一位数

2. ()的用法

   • 分组
   • 小分组：只想匹配，不想捕获 (?:XXX)
   • 提高优先级的作用

3. ? 的作用

   • 可有可无 []?
   • 解决贪婪性，需要在量词后面加 ?
   • 只想匹配，不想捕获(?:xxx)

4. 捕获，两大特性

   • 懒惰性
     • 解决办法：g
   • 贪婪性
     • 解决办法：(?:xxx)