JS高级完美版教学说明.docVIP

昨天内容回顾 面向对象 封装特性 public/private 构造函数内部的局部变量就是private私有成员 继承特性(实现、注意、原型链、复制继承) 原型继承prototype 实现： 函数.prototype = 对象; 函数.prototype.成员 = 值; 注意： 原型链： 函数-继承-》对象(构造函数)-继承对象(构造函数)-继承对象----。。。。》Object 原型链顶端是Object对象 constructor、hasOwnProperty、toString等成员都是通过原型链最终找到Object获得的 复制继承： function 构造函数(){} 构造函数.prototype.extend = function(obj){遍历obj，获得成员赋予给当前的this对象} var obj = new 构造函数(); obj.extend(对象)；通过调用extend方法把“对象”的成员复制一份给obj 特点：可以灵活地给对象丰富成员。 静态成员 给构造函数直接丰富的成员就是“静态成员” 多态体现 ① arguments(length) ② call和apply体现多态 异常处理 可以使得用户体验更好，获得错误信息的时候，使得请求比较完整。 try{ 有可能产生异常的语句 }catch(ex){ 捕捉异常信息ex.message }finally{ 代码最后无论是否有错误都给执行该处 } 正则的各种组成内容 ① 普通字符 ② 定义字符集 [0-9] [a-z] [A-Z] [4-7] [c-h] [yp9w3] ③ 特别字符集 * + ? .点 | \ ^(托字符) $ () 模式修正符 var reg = /正则模式/模式修正符; i g 二. ()小括号使用 作用： 提高子表达式优先级 从大的字符串中拆分小的内容出来(模式单元) var rst = str.match(模式); 模式单元重复匹配 组合和限制字符 四. 正向反向预查 1. 正向预查 辅助条件 都在查找内容的后边。 1.1 正向匹配： 我们要查找出来的内容，右边必须出现指定的信息，并且其是辅助条件，不是结果的一部分。 var reg = /pattern(?=模式)/; 蓝色是辅助条件(可以通过具体“模式”进行设置) 小写字母字符串后边要出现连续数字信息 beijing2008 xianggang1997 aomen1999 LIAONING2014 SHANDONG2013 ####2012 taiwan@$( 1.2 正向不匹配： 我们要查找出来的内容，右边不能出现指定的信息，右边的信息是辅助条件，不是结果额一部分。 var reg = /pattern(?!模式)/; 蓝色是辅助条件，可以通过具体“模式”进行设置 today后边不能出现连续数字信息 today123 today### todayABC254 today_good 2. 反向预查(php支持) 辅助条件在被查询内容的左边 2.1 反向匹配 左边必须出现指定信息 var reg = /(?=模式)pattern/; pattern是被匹配内容，左边蓝色是辅助条件 2.2 反向不匹配 左边不能出现指定信息 var reg = /(?!模式)pattern/; pattern是被匹配内容，左边蓝色是辅助条件 五. 正则案例 1. 匹配ip地址 匹配邮箱 3. 表单域验证 总结： 模式单元小括号重复匹配使用 \1 \2 \n 正则组成：组合(\d \w \s)、限定字符（{m} {m,} {m,n}） 正向、反向预查 正向预查： var reg = /pattern(?=辅助条件)/; var reg = /pattern(?!辅助条件)/; 反向预查： var reg = /(?=辅助条件)pattern/; var reg = /(?!辅助条件)pattern/; 六 贪吃蛇案例 DOM 事件操作 面向对象 绘制操作界面 绘制食物 绘制小蛇 小蛇移动 上：y轴坐标--，不断减1 下：y轴坐标++，不断加1 左：x轴坐标--，不断减1 右：x轴坐标++，不断加1 移动 利用键盘事件控制小蛇移动方向 事件中有“事件对象”可以感知被触发键子信息 小蛇吃食物 ① 判断蛇头碰到食物，蛇头坐标 与 食物坐标一致 ② 小蛇吃食物，增加蛇节，创建新食物 限制小蛇移动范围， 同时蛇头不能吃到自己(蛇头坐标 与 蛇身子的任何一个蛇节坐标是否相等) 扩展： ① 给吃食物做计数器显示 ② 给游戏设置难易度