首页 前端知识 原型链,改变this指向,settimeout和setinterval的区别, js入口函数与jQuery入口函数的区别,内存生命周期及解决内存浪费

原型链,改变this指向,settimeout和setinterval的区别, js入口函数与jQuery入口函数的区别,内存生命周期及解决内存浪费

2024-03-20 11:03:55 前端知识 前端哥 211 770 我要收藏

原型链,改变this指向,settimeout和setinterval的区别, js入口函数与jQuery入口函数的区别,内存生命周期及解决内存浪费

      • 1、settimeout和setinterval的区别如下:
      • 2、js入口函数与jQuery入口函数的区别
      • 3、原型链
      • 4、改变this的三种方法call()、apply()、bind()
      • 5、内存生命周期,解决内存浪费

js入口函数与jQuery入口函数的区别,内存生命周期及解决内存浪费)

1、settimeout和setinterval的区别如下:

  1. 触发时间:settimeout是一次性的,它在设定延迟时间之后执行一次函数,而setinterval是重复性的,它会以设定的时间间隔重复执行函数。
  2. 执行次数: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、放在原型上

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3997.html
标签
评论
发布的文章

jQuery和CSS选择器的使用

2024-04-15 09:04:55

HTML前端表单校验的方法

2024-04-15 09:04:46

使用jQuery写一个注册界面

2024-04-15 09:04:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!