JavaScript高级(二)|函数进阶+正则表达式

JavaScript高级(二)|函数进阶+正则表达式_第1张图片

一.函数进阶

JavaScript高级(二)|函数进阶+正则表达式_第2张图片
JavaScript高级(二)|函数进阶+正则表达式_第3张图片

01.函数的定义与调用

1.1函数的定义方式
JavaScript高级(二)|函数进阶+正则表达式_第4张图片
JavaScript高级(二)|函数进阶+正则表达式_第5张图片
JavaScript高级(二)|函数进阶+正则表达式_第6张图片
1.2函数的调用方式
JavaScript高级(二)|函数进阶+正则表达式_第7张图片
JavaScript高级(二)|函数进阶+正则表达式_第8张图片

02.this

2.1函数内this的指向
JavaScript高级(二)|函数进阶+正则表达式_第9张图片
JavaScript高级(二)|函数进阶+正则表达式_第10张图片
2.2改变函数内部this的指向
JavaScript高级(二)|函数进阶+正则表达式_第11张图片
JavaScript高级(二)|函数进阶+正则表达式_第12张图片
JavaScript高级(二)|函数进阶+正则表达式_第13张图片
JavaScript高级(二)|函数进阶+正则表达式_第14张图片
JavaScript高级(二)|函数进阶+正则表达式_第15张图片
JavaScript高级(二)|函数进阶+正则表达式_第16张图片
JavaScript高级(二)|函数进阶+正则表达式_第17张图片
JavaScript高级(二)|函数进阶+正则表达式_第18张图片
2.3 call apply bind总结
JavaScript高级(二)|函数进阶+正则表达式_第19张图片

03.严格模式

3.1什么是严格模式
JavaScript高级(二)|函数进阶+正则表达式_第20张图片
3.2开启严格模式
JavaScript高级(二)|函数进阶+正则表达式_第21张图片
JavaScript高级(二)|函数进阶+正则表达式_第22张图片
JavaScript高级(二)|函数进阶+正则表达式_第23张图片
JavaScript高级(二)|函数进阶+正则表达式_第24张图片
3.3严格模式中的变化
JavaScript高级(二)|函数进阶+正则表达式_第25张图片
JavaScript高级(二)|函数进阶+正则表达式_第26张图片
JavaScript高级(二)|函数进阶+正则表达式_第27张图片
JavaScript高级(二)|函数进阶+正则表达式_第28张图片
JavaScript高级(二)|函数进阶+正则表达式_第29张图片

04.高阶函数

JavaScript高级(二)|函数进阶+正则表达式_第30张图片
JavaScript高级(二)|函数进阶+正则表达式_第31张图片

05.闭包

5.1变量作用域
JavaScript高级(二)|函数进阶+正则表达式_第32张图片
5.2什么是闭包
JavaScript高级(二)|函数进阶+正则表达式_第33张图片
JavaScript高级(二)|函数进阶+正则表达式_第34张图片
5.3在chrome中调试闭包
JavaScript高级(二)|函数进阶+正则表达式_第35张图片
5.4闭包的作用
JavaScript高级(二)|函数进阶+正则表达式_第36张图片
JavaScript高级(二)|函数进阶+正则表达式_第37张图片
5.5闭包案例
案例1:点击li输出当前li的索引号

JavaScript高级(二)|函数进阶+正则表达式_第38张图片
JavaScript高级(二)|函数进阶+正则表达式_第39张图片
案例2: 3秒钟之后,打印所有li元素的内容
JavaScript高级(二)|函数进阶+正则表达式_第40张图片
JavaScript高级(二)|函数进阶+正则表达式_第41张图片
案例3: 打车起步价13(3公里内),之后每多一公里增加5块钱,用户输入公里数就可以计算打车价格 (如果有拥堵情况,总价格多收取10块钱拥堵费)
JavaScript高级(二)|函数进阶+正则表达式_第42张图片
5.6闭包总结
JavaScript高级(二)|函数进阶+正则表达式_第43张图片
JavaScript高级(二)|函数进阶+正则表达式_第44张图片
JavaScript高级(二)|函数进阶+正则表达式_第45张图片

06.递归

6.1什么是递归?
JavaScript高级(二)|函数进阶+正则表达式_第46张图片
JavaScript高级(二)|函数进阶+正则表达式_第47张图片
JavaScript高级(二)|函数进阶+正则表达式_第48张图片
6.2利用递归求数学题
JavaScript高级(二)|函数进阶+正则表达式_第49张图片
案例1
JavaScript高级(二)|函数进阶+正则表达式_第50张图片
案例2:
JavaScript高级(二)|函数进阶+正则表达式_第51张图片
案例3:
JavaScript高级(二)|函数进阶+正则表达式_第52张图片
JavaScript高级(二)|函数进阶+正则表达式_第53张图片
JavaScript高级(二)|函数进阶+正则表达式_第54张图片
6.3浅拷贝和深拷贝
JavaScript高级(二)|函数进阶+正则表达式_第55张图片
JavaScript高级(二)|函数进阶+正则表达式_第56张图片
JavaScript高级(二)|函数进阶+正则表达式_第57张图片

二.正则表达式

JavaScript高级(二)|函数进阶+正则表达式_第58张图片
JavaScript高级(二)|函数进阶+正则表达式_第59张图片

01.正则表达式概述

1.1什么是正则表达式
JavaScript高级(二)|函数进阶+正则表达式_第60张图片
1.2正则表达式的特点
JavaScript高级(二)|函数进阶+正则表达式_第61张图片

02.正则表达式在JS中的使用

2.1创建正则表达式
JavaScript高级(二)|函数进阶+正则表达式_第62张图片
2.2测试正则表达式test
JavaScript高级(二)|函数进阶+正则表达式_第63张图片
JavaScript高级(二)|函数进阶+正则表达式_第64张图片

03.正则表达式中的特殊字符

3.1正则表达式的组成
JavaScript高级(二)|函数进阶+正则表达式_第65张图片
3.2边界符
JavaScript高级(二)|函数进阶+正则表达式_第66张图片
JavaScript高级(二)|函数进阶+正则表达式_第67张图片
3.3字符类
JavaScript高级(二)|函数进阶+正则表达式_第68张图片
JavaScript高级(二)|函数进阶+正则表达式_第69张图片
JavaScript高级(二)|函数进阶+正则表达式_第70张图片
JavaScript高级(二)|函数进阶+正则表达式_第71张图片
3.4量词符
JavaScript高级(二)|函数进阶+正则表达式_第72张图片
案例:用户验证
JavaScript高级(二)|函数进阶+正则表达式_第73张图片
JavaScript高级(二)|函数进阶+正则表达式_第74张图片
3.5括号总结
JavaScript高级(二)|函数进阶+正则表达式_第75张图片
3.6预定义类
JavaScript高级(二)|函数进阶+正则表达式_第76张图片
案例:表单验证
JavaScript高级(二)|函数进阶+正则表达式_第77张图片
JavaScript高级(二)|函数进阶+正则表达式_第78张图片
JavaScript高级(二)|函数进阶+正则表达式_第79张图片
JavaScript高级(二)|函数进阶+正则表达式_第80张图片

04.正则表达式中的替换

4.1 replace替换
JavaScript高级(二)|函数进阶+正则表达式_第81张图片
4.2正则表达式参数
JavaScript高级(二)|函数进阶+正则表达式_第82张图片
案例:敏感词过滤
JavaScript高级(二)|函数进阶+正则表达式_第83张图片
JavaScript高级(二)|函数进阶+正则表达式_第84张图片

你可能感兴趣的:(前端笔记)