this指向
this的在函数定义的时候是确定不了的,只有函数执行的时候才能确定this指向谁,一般this最终指向那个调用它的对象
(1)、this指向window
-
function 函数名(){}
-
var 函数名=function(){}
-
全局作用域或者普通函数中的this指向全局对象window,定时器里的this也指向window
(2)、this指向当前这个对象
-
var obj = { 函数名:function(){} }
-
方法调用中谁调用,this就指向谁
(3)、this指向当前这个btn按钮
-
btn.οnclick=function(){}
-
构造函数中this指向构造函数的实例
JS执行机制
JS是单程线
-
JavaScript语言的一大特点就是单程线,也就是说,同一时间只能做一件事件。这是因为JavaScript这门脚本语言诞生的使命所致,JavaScript是为了处理页面中用户的交互,以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行,应该先添加之后在删除
-
单程线就意味着,所有任务都需要排队,前一个任务结束,才会执行后一个任务,这样导致的问题是:如果js执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉
-
定时器:异步执行,别的代码都执行完毕了才来执行他
//以下代码的执行结果是 //同步执行:先执行1,10s后执行3,然后再去执行2 //异步:输出结果1、2、3 console.log(1); setTimeout(function(){ console.log(3) },10000); console.log(2)
同步和异步
-
为了解决单程线的这个问题,利用多核CPU的计算机能力,HTML5提出了Web worker标准,允许JavaScript脚本创建多个线程,于是,JS中出现了同步和异步。(防止下一个任务等待上一个任务很久)
-
同步:前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的,同步的
-
异步:就是再做一件事情的同时,因为这件事情会发生很长时间,在做这件事情的同时,你也可以去处理其他事件
-
他们的本质是:这条流水线的各个流程的执行顺序不同
同步任务及异步任务
(1)、同步任务
-
同步任务都在主线程序上执行,形成一个执行线
(2)、异步任务
-
JS的异步是通过回调函数来实现的
-
一般而言,异步任务有以下几种
-
普通事件:如click、resize等
-
资源加载事件:如load、error
-
定时器:包括setInterval、setTimeout等等
-
-
异步相关回掉函数添加到任务队列(在任务队列也称消息队列)
(3)、js执行机制
-
先执行执行线上的同步任务
-
异步任务(回调函数),放到任务队列中
-
一旦执行线中所有的同步任务执行完毕,系统就会按次序读取队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行线,开始执行
-
由于主线程不断的重复获得的任务,执行任务,再次获取任务,再执行,所以这种机制被称为事件循环(event loop)