This指向

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的异步是通过回调函数来实现的

• 一般而言，异步任务有以下几种

  1. 普通事件：如click、resize等

  2. 资源加载事件：如load、error

  3. 定时器：包括setInterval、setTimeout等等

• 异步相关回掉函数添加到任务队列（在任务队列也称消息队列）

(3)、js执行机制

1. 先执行执行线上的同步任务

2. 异步任务（回调函数），放到任务队列中

3. 一旦执行线中所有的同步任务执行完毕，系统就会按次序读取队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行线，开始执行

4. 由于主线程不断的重复获得的任务，执行任务，再次获取任务，再执行，所以这种机制被称为事件循环（event loop）