JavaScript 高级_day04 day04_JavaScript高级

正则表达式,今日复习,函数的定义方式有哪几种列举this指向的情况改变this指向的三个方法闭包的概念闭包的作用递归的概念递归需要有,JavaScript高级第04天-昨日复习,今日复习,函数的定义方式有哪几种函数声明、函数表达式、newFunction列举this指向的情况常见的6种情况回答改变this指向的三个方法call、apply、bind闭包的概念一个作用域可以访问另一个函数内部的变量闭包的作用延长变量的作用范围递归的概念函数内部自己调用自己递归需要有结束条件,JavaScript高级第04天-昨日复习,正则表达式概述正则表达式在JavaScript中的使用正则表达式中的特殊字符正则表达式中的替换,正则表达式介绍正则表达式的使用正则表达式的特殊字符正则表达式的替换,要点提示,正则表达式导读,掌握程度：了解,1.1正则表达式导读,什么是正则表达式正则表达式的特点,要点提示,正则表达式概述,掌握程度：了解,1.2正则表达式概述,正则表达式（RegularExpression）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。特点:灵活性、逻辑性和功能性非常的强可以迅速地用极简单的方式达到字符串的复杂控制,1.3正则表达式概述和特点总结,课堂问答,知识总结,正则表达式概述正则表达式在JavaScript中的使用正则表达式中的特殊字符正则表达式中的替换,正则表达式的两种创建方式正则表达式的检测,要点提示,正则表达式在JavaScript中使用,掌握程度：了解,2.1正则表达式在JavaScript中使用,创建：方式一:利用newRegExp对象来创建方式二:利用字面量创建/检测:使用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天-上午复习,上午复习,正则表达式的作用用于匹配字符串中字符组合正则表达式的创建方式字面量方式和newRegExp检测正则表达式的方法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括号总结以及正则验证工具,dDwWsS座机验证,要点提示,预定义类以及座机号码验证,掌握程度：了解,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分钟,4.7座机验证练习,手机号:/13|4|5|7|80-99$/,要点提示,表单验证(上),掌握程度：应用,5.1表单验证(上),手机号11位数字首先准备好这种正则表达式模式/13|4|5|7|8d9$/当表单失去焦点就开始验证判断是否符合正则规范,对应修改span的颜色和修改文本内容,5.2表单案例手机号码验证总结,课堂问答,知识总结,练习,判断用户输入的是否为一个手机号码。,提示,手机号11位数字首先准备好这种正则表达式模式/13|4|5|7|8d9$/当表单失去焦点就开始验证判断是否符合正则规范,对应修改span的颜色和修改文本内容,5分钟,5.3手机号码验证练习,QQ号:/1-9d4,$/昵称:/u4e00-u9fa52,8$/,要点提示,表单验证(中),掌握程度：应用,5.4表单验证(中),QQ号至少为4位数字，昵称为2-8位的汉字，短信为6位数字首先准备好这种正则表达式模式/1-9d4,$/和/u4e00-u9fa52,8$/和/d6$/当表单失去焦点就开始验证判断是否符合正则规范,对应修改span的颜色和修改文本内容,5.5表单案例QQ号码昵称和短信验证总结,课堂问答,知识总结,练习,判断用户输入的是否为一个QQ号码。判断用户输入的是否为2-8位的中文字符。判断短信是否为6位数字,提示,QQ号至少为4位数字，昵称为2-8位的汉字，短信为6位数字首先准备好这种正则表达式模式/1-9d4,$/和/u4e00-u9fa52,8$/和/d6$/当表单失去焦点就开始验证判断是否符合正则规范,对应修改span的颜色和修改文本内容,10分钟,5.5表单案例QQ号码昵称和短信验证练习,密码验证两次密码的校验,要点提示,表单验证(下),掌握程度：应用,5.6表单验证(下),密码为英文字母,数字,下划线或者短横线组成,并且用户名长度为616位.首先准备好这种正则表达式/a-zA-Z0-9_-6,16$/当表单失去焦点就开始验证为第二个密码框将两次输入的值是否一致进行匹配判断两个密码是否一致,对应修改span的颜色和修改文本内容,5.7密码验证总结,课堂问答,知识总结,练习,判断用户输入的是否为6-16位数字字母下划线组成的字符串。判断第二次输入的密码和第一次输入的是否一致。,提示,密码为英文字母,数字,下划线或者短横线组成,并且用户名长度为616位.首先准备好这种正则表达式/a-zA-Z0-9_-6,16$/当表单失去焦点就开始验证为第二个密码框将两次输入的值是否一致进行匹配判断两个密码是否一致,对应修改span的颜色和修改文本内容,5分钟,5.8密码验证练习,正则表达式概述正则表达式在JavaScript中的使用正则表达式中的特殊字符正则表达式中的替换,replace全局替换g忽略大小写i,要点提示,正则替换,掌握程度：应用,6.1正则替换,replace()方法可以实现替换字符串操作，用来替换的参数可以是一个字符串或是一个正则表达式全局匹配使用g忽略大小写I全局匹配+忽略大小写gi或|,6.2正则替换总结,课堂问答,知识总结,练习,将下句中的单纯替换为邪恶单纯的我曾经单纯的问，谁是这个世界上最单纯的男人,提示,定义一个字符出串，存储上面一句话使用replace正则替换，注意全局替换，字符串中有多个单纯,5分钟,6.3正则替换练习,今日复习,正则表达式的创建方式_测试正则表达式的方法_特殊字符:开头_结尾_量词:一次或多次_0次或一次_0次或多次_替换的方法_全局替换_,JavaSc