JavaScript-----高级
函数
函数的理解和使用
什么是函数?
1.用来实现特定功能的, n条语句的封装体
2.只有函数类型的数据是可以执行的, 其它的都不可以
为什么要用函数?
1.提高复用性
2.便于阅读交流
回调函数
什么是回调函数?
- 你定义的
- 你没有调用它
- 但最终它执行了
常见的回调函数
- dom对象回调函数
- 定时器回调函数settimeout()函数
- ajax请求回调函数
- 生命周期回调函数
IIFE:匿名函数自调用
作用:
1.隐藏实现,局部化
2.不会污染外部(全局)命名空间
3.后期编写js模块
函数中的this
this是什么?
1所有函数内部都有一个变量this,是调用该函数的对象(当前对象)
2任何函数本质上都是通过某个对象来调用的,隐式调用的话是window.
3它的值是调用函数的当前对象。
如何确定this的值?
test():window
p.test():p
new tese():新创建的对象
p.call(obj):obj
原型与原型链
原型:每个函数都有一个prototype属性。该属性指向一个object空对象。我们把这个空对象称为原型对象。
原型对象中有一个constructor属性,它指向函数对象,类似于java中的反射机制。
显示原型和隐式原型的关系:
所有函数都有一个特别的属性:prototype:显示原型属性(指向原型对象)
所有实例对象都有一个特别的属性:__proto__: 隐式原型属性(指向原型对象,不过它是通过实例化对象时,内部调用__proto__=prototype,来隐式指向原型对象,所以实例化函数的对象后,变量自动获得原型对象的属性)
原型链:用来查找对象的属性。
当访问一个对象的属性时,首先去自身属性查找,如没有找到,就沿着__proto__这条链向上找,直到这条链的尽头,
即Object函数对象。此时再向上找,object.隐式原型属性__proto__为空。
那我们再思考一个问题,函数也是一种对象。对象都是被实例化的,都有它的构造函数。那说明函数也应该有一个隐式原型对象(__proto__)指向它的构造函数的。有由于每个函数都有一个特别的属性:prototype:显示原型属性(指向原型对象object对象),所以得到结论 ===> 每一个函数都有显示原型属性和隐式原型属性,其中显示原型属性默认一个object空对象,最终指向Object函数,而隐式原型属性都指向Function函数的原型对象。
结论:
1.Function函数对象的显示原型属性和隐式原型属性都指向Function的原型对象。也就是说Function是通过自己创建的:Function = new Function().
2.所有函数的隐式原型属性都相同,都指向Function的原型对象。因为所有函数都是通过Function构造函数来实例化的。
3.Object函数的隐式原型属性也是指向Function的原型对象,Object函数也是通过Function构造函数来实例化的。
4.所有函数的显示原型属性都指向Object空对象除Object函数以外。Object函数的显示原型属性指向的不是一个Object空对象。