day04_JavaScript高级.ppt

正则表达式,今日复习,函数的定义方式有哪几种 列举this指向的情况改变this指向的三个方法闭包的概念 闭包的作用递归的概念 递归需要有,JavaScript高级第04天-昨日复习,今日复习,函数的定义方式有哪几种 函数声明、函数表达式、new Function 列举this指向的情况 常见的6种情况回答改变this指向的三个方法 call、apply、bind闭包的概念 一个作用域可以访问另一个函数内部的变量 闭包的作用 延长变量的作用范围递归的概念 函数内部自己调用自己 递归需要有 结束条件,JavaScript高级第04天-昨日复习,正则表达式概述正则表达式在 JavaScript 中的使用正则表达式中的特殊字符正则表达式中的替换,正则表达式介绍正则表达式的使用正则表达式的特殊字符正则表达式的替换,要点提示,正则表达式导读,掌握程度：了解,1.1 正则表达式导读,什么是正则表达式正则表达式的特点,要点提示,正则表达式概述,掌握程度：了解,1.2 正则表达式概述,正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。特点:灵活性、逻辑性和功能性非常的强可以迅速地用极简单的方式达到字符串的复杂控制,1.3 正则表达式概述和特点总结,课堂问答,知识总结,正则表达式概述正则表达式在 JavaScript 中的使用正则表达式中的特殊字符正则表达式中的替换,正则表达式的两种创建方式正则表达式的检测,要点提示,正则表达式在JavaScript中使用,掌握程度：了解,2.1 正则表达式在JavaScript中使用,创建：方式一:利用new RegExp对象来创建方式二:利用字面量创建/检测:使用test 方法检测字符串是否符合正则表达式要求的规范,2.2 正则表达式的创建和检测总结,课堂问答,知识总结,练习,请书写一个正则表达式，并检测是否匹配符合规则。,提示,使用test方法检测正则匹配创建一个正则表达式（两种方式都可）,5分钟,2.3 正则表达式的创建和检测练习,正则表达式概述正则表达式在 JavaScript 中的使用正则表达式中的特殊字符正则表达式中的替换,$,要点提示,边界符,掌握程度：应用,3.1 边界符,以紧挨着开头的字符￥以紧挨着$结尾的字符和$同时出现表示严格匹配,3.2 边界符总结,课堂问答,知识总结,3.3 边界符演练,课堂问答,案例演示,正则表达式 reg=/qwer$/;请说出对应的返回结果reg.test(q)reg.test(qwerqwer)reg.test(qwer)reg.test(QWER),/a-z0-9/,要点提示,字符类(上),掌握程度：应用,3.4 字符类(上),表示一个字符集合。匹配方括号中的任意字符，包括转义序列。你可以使用破折号（-）来指定一个字符范围。例如，abcd 和a-d是一样的。,3.5 字符类总结,课堂问答,知识总结,/A-Za-z0-9/取反/a-zA-Z0-9$/,要点提示,字符类(下),掌握程度：应用,3.6 字符类(下),/0-9a-zA-Z$/表示匹配26个英文字符(大小写)和0-9的任意数字/0-9a-zA-Z$/如果中括号里面有 表示取反的意思 千万和 我们边界符 别混淆,3.7 字符组合总结,课堂问答,知识总结,*?+n,要点提示,量词符,掌握程度：应用,2.3 量词符,*表示匹配前一个表达式0次或多次。等价于 0,+表示匹配前面一个表达式1次或者多次。等价于 1,。?表示匹配前面一个表达式0次或者1次。等价于 0,1。n表示可以重复n次,是一个具体的数字3,表示可以重复3次或多次3,10表示可以重复3次到10次,3.7 量词符总结,课堂问答,知识总结,n,n,m,要点提示,量词重复某个模式的次数,掌握程度：应用,3.8 量词重复某个模式的次数,3,表示可以重复3次或多次3,10表示可以重复3次到10次,3.9 量词符总结,课堂问答,知识总结,上午复习,正则表达式的作用_ 正则表达式的创建方式_ 检测正则表达式的方法_*代表_?代表_+代表_,JavaScript高级第04天-上午复习,上午复习,正则表达式的作用用于匹配字符串中字符组合 正则表达式的创建方式字面量方式和new RegExp 检测正则表达式的方法test()*代表 0 次或多次?代表0 次或1次+代表1次或多次,JavaScript高级第04天-上午复习,正则匹配正则量词,要点提示,用户名表单验证,掌握程度：应用,4.1 用户名表单验证,用户名只能为英文字母,数字,下划线或者短横线组成,并且用户名长度为 616位.首先准备好这种正则表达式模式/$a-zA-Z0-9-_6,16/当表单失去焦点就开始验证.如果符合正则规范,则让后面的span标签添加 right 类.如果不符合正则规范,则让后面的span标签添加 wrong 类.,4.2 用户表单验证案例总结,课堂问答,知识总结,练习,判断用户输入的用户名是为6-16位的数字字母下划线组成的用户名,如果输入正确提示正确,反之提示失败。,提示,首先准备好这种正则表达式模式/$a-zA-Z0-9-_6,16/当表单失去焦点就开始验证.如果符合正则规范,则让后面的span标签添加 right 类.如果不符合正则规范,则让后面的span标签添加 wrong 类,5分钟,4.3 正则表单验证练习,大括号中括号小括号在线验证,要点提示,括号总结以及正则验证工具,掌握程度：应用,4.4 括号总结以及正则验证工具,d D w W s S座机验证,要点提示,预定义类以及座机号码验证,掌握程度：了解,4.5 预定义类以及座机号码验证,d:匹配一个数字。等价于0-9。D:匹配一个非数字字符。等价于0-9。s:匹配一个空白字符，包括空格、制表符、换页符和换行符。S:匹配一个非空白字符w:匹配一个单字字符(字母、数字或下划线)。等价于A-Za-z0-9_。W:匹配一个非单字字符。等价于A-Za-z0-9_。,4.6 预定义类总结,课堂问答,知识总结,练习,判断用户输入的是否为一个座机号码。,提示,正则表达式模式/d3,4-d7,8$/,5分钟,