原型链,改变this指向,settimeout和setinterval的区别, js入口函数与jQuery入口函数的区别,内存生命周期及解决内存浪费
- 1、settimeout和setinterval的区别如下:
- 2、js入口函数与jQuery入口函数的区别
- 3、原型链
- 4、改变this的三种方法call()、apply()、bind()
- 5、内存生命周期,解决内存浪费
js入口函数与jQuery入口函数的区别,内存生命周期及解决内存浪费)
1、settimeout和setinterval的区别如下:
- 触发时间:settimeout是一次性的,它在设定延迟时间之后执行一次函数,而setinterval是重复性的,它会以设定的时间间隔重复执行函数。
- 执行次数:settimeout只执行一次,而setinterval会一直重复执行,直到被取消。
2、js入口函数与jQuery入口函数的区别
1、js的入口函数不能重复,jQuery是可以重复的
2、js的入口函数是浏览器加载完成后,也就是外部的静态文件(图片、样式、脚本、json等)都要加载完成还有才能执行
jQuery入口函数就是document(DOM标签)加载完成后即可执行
3、js入口函数不能简写,jQUery入口函数可以简写
3、原型链
一、原型链:
在JavaScript中每个对象都会有一个__proto_ 属性,当我们访问一个对象的属性时, 如果这个对象内不存在这个属性,那么他会去__proto 里找这个属性,这个__proto 又会有自己的__proto _
二、原型链最终指向null
1、任何一个对象都有__proto_ 属性,实例对象的__proto 属性指向构造函数的原型
2、原型也是对象也有__proto 属性,原型对象的__proto 指向Object构造函数的原型
3、Object.prototype也是对象也有__proto 属性,Object.prototype的__proto _指向null
三、实例化对象的属性查找规则
先从构造函数中查找,有就返回,没有从原型链上查找
4、改变this的三种方法call()、apply()、bind()
一、call()
1、可以进行函数的调用
2、可以改变this的指向,如果,没有参数,this指向window
3、可以改变this的指向,如果有一个参数,this指向该参数
4、可以改变this的指向,如果有多个参数,this指向第一个参数,剩下的是个参数列表(构造函数继承的案例)
二、apply()
1、可以进行函数的调用
2、可以改变this的指向,如果,没有参数,this指向window
3、可以改变this的指向,如果有一个参数,this指向该参数
4、可以改变this的指向,如果有多个参数,第一个参数是null或者window,第二个参数是数组
三、bind()
1、不可以进行函数的调用
2、可以改变this的指向,如果没有参数,this指向window
3、可以改变this的指向,如果有一个参数,this指向该参数
5、内存生命周期,解决内存浪费
一、内存的生命周期
1、内存开辟:变量的定义、函数的声明
2、内存的使用:变量的运算(四则、逻辑、关系…)、操作、函数的调用
3、内存销毁:浏览器关闭后、函数调用完成后(局部变量)
JavaScript拥有内存自主回收机制
二、构造函数内存浪费问题如何解决
1、将公共的属性和方法定义成全局的
2、放在原型上