day03_JavaScript高级.ppt

函数进阶,JavaScript高级03天-昨日复习,昨日复习,构造函数的原型是硬件系 统,实例对象的原型是硬件系 统 构造函数、原型对象、实例对象的三角关系硬件系 统 改变this指向的一个方法硬件系 统遍历数组使用硬件系 统 过滤数组使用硬件系 统去除字符串两端的空格硬件系 统获取对象的属性名系,返回值是系 统设置或修改对象属性_,JavaScript高级03天-昨日复习,昨日复习,构造函数的原型是硬prototype系 统,实例对象的原型是_proto_ 构造函数、原型对象、实例对象的三角关系 1.构造函数的prototype属性指向了构造函数原型对象2.实例对象是由构造函数创建的,实例对象的_proto_属性指向了构造函数的原型对象3.构造函数的原型对象的constructor属性指向了构造函数,实例对象的原型的constructor属性也指向了构造函数改变this指向的一个方法call 遍历数组使用forEach 统 过滤数组使用filter 统去除字符串两端的空格硬件trim 统获取对象的属性名系Object.keys,返回值是 数组 统设置或修改对象属性_Object.defineProperty_,函数的定义和调用this严格模式高阶函数闭包递归,函数this递归闭包,要点提示,函数进阶导读,掌握程度：了解,1.1 函数进阶导读,函数声明方式函数表达式New Function,要点提示,函数的定义方式,掌握程度：应用,1.2 函数的定义方式,方式一：函数声明方式 function 关键字(命名函数)；方式二：函数表达式(匿名函数)；方式三：new Function(参数1，参数2，函数体)，参数和函数体一定要使用字符串包裹；在开发过程中我们使用前两种方式比较多，方式三书写繁琐，指向效率较低，使用频率较少；函数也是属于对象；,1.3 函数定义方式总结,课堂问答,知识总结,练习,请书写一个函数求两个数的和，使用函数定义的三种方式。,提示,方式一：使用命名函数方式二：使用匿名函数（函数表达式）方式三：new Function,5分钟,1.4 函数定义方式练习,函数的6种调用方式,要点提示,函数的调用方式,掌握程度：应用,1.5 函数的调用方式,普通函数的调用对象中的函数调用构造函数的调用DOM元素绑定事件调用函数定时器中调用函数立即执行函数,1.6 函数的调用方式总结,课堂问答,知识总结,函数的定义和调用this严格模式高阶函数闭包递归,this 的指向在定义的时候是不明确的,this指向出现的多种情况,要点提示,函数内部的this指向,掌握程度：应用,2.1 函数内部的this指向,普通函数 this 指向window对象的方法 this指向的是对象 构造函数 this 指向 构造函数new出来的实例对象绑定事件函数 this 指向的是函数的调用者定时器函数 this 指向的是window立即执行函数 this指向的是window,2.2 this指向总结,课堂问答,知识总结,call可以改变this指向,并立即调用函数参数如何是传递的call方法的应用场景,要点提示,call方法及其应用,掌握程度：应用,2.3 call方法及其应用,2.4 call方法总结,课堂问答,知识总结,call可以调用函数call可以改变函数内部的this指向使用call方法传递参数使用逗号隔开call方法一般应用于继承,练习,请书写一个函数，求两个数的和，调用的时候修改该函数内部的this指向,提示,定义一个函数调用函数使用call方法注意参数的传递使用逗号隔开,10分钟,2.5 call方法练习,apply可以改变this指向,并立即调用函数参数如何是传递的apply方法的应用场景,要点提示,apply方法及其应用,掌握程度：应用,2.6 apply方法及其应用,2.7 apply方法总结,课堂问答,知识总结,apply可以调用函数apply可以改变函数内部的this指向使用apply方法传递参数使用数组传递apply方法一般应用于操作数组数据,练习,请书写一个函数，求两个数的和，调用的时候修改该函数内部的this指向,提示,定义一个函数调用函数使用apply方法注意参数的传递使用数组传递,10分钟,2.8 apply方法练习,bind可以改变函数的this指向是否会指行函数bind方法的应该场景,要点提示,bind方法基本使用,掌握程度：应用,3.1 bind方法基本使用,3.2 bind方法总结,课堂问答,知识总结,bind不会调用原来的函数 可以改变原来函数内部的this 指向返回的是原函数改变this之后产生的新函数应用场景：如果有的函数我们不需要立即调用,但是又想改变这个函数内部的this指向此时用bind,不调用函数,只想改变函数的this指向,要点提示,bind方法应用,掌握程度：应用,3.3 bind方法应用,3.4 bind方法应用总结,课堂问答,知识总结,bind不会调用原来的函数 可以改变原来函数内部的this 指向返回的是原函数改变this之后产生的新函数应用场景：如果有的函数我们不需要立即调用,但是又想改变这个函数内部的this指向此时用bind,练习,为按钮绑定点击事件，点击完按钮禁用按钮，等待3s之后按钮不禁用,提示,页面中定义一个按钮，并获取绑定点击事件点击之后立马禁用在延时器中等待3s之后按钮不禁用，使用bind方法实现，注意定时器中的this指向的是window,修改this指向,10分钟,3.5 bind方法练习,比较三个修改this指向方法的异同,要点提示,call和apply以及bind总结,掌握程度：应用,3.6 call和apply以及bind总结,3.7 call和apply以及bind总结,课堂问答,知识总结,相同点：都可以改变this指向不同点：call 和 apply 会调用函数,并且改变函数内部this指向call传递参数使用逗号隔开传递,apply传递参数使用数组传递bind 不会调用函数应用场景:call 经常做继承apply 经常跟数组有关系.比如借助于数学对象实现数组最大值最小值bind 不调用函数,但是还想改变this指向.比如改变定时器内部的this指向,上午复习,函数的定义方式this指向 改变this指向的三个方法改变this指向的三个方法的区别,JavaScript高级03天-上午复习,上午复习,函数的定义方式命名函数、匿名函数、new Function this指向 六种情况改变this指向的三个方法call、apply、bind改变this指向的三个方法的区别三个方法都可以改变this指向，call和apply会立即调用函数，bind不会立即调用，返回这个函数的拷贝，apply的参数是使用数组传递，call使用逗号隔开传递,JavaScript高级03天-上午复习,函数的定义和调用this严格模式高阶函数闭包递归,什么是严格模式use strict,要点提示,什么是严格模式以及如何开启严格模块,掌握程度：了解,4.1 什么是严格模式以及如何开启严格模块,1、如何开启严格模式2、如何开启严格模式,4.2 为什么使用严格模式如何开启严格模式,课堂问答,