js每日一问(6)持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第16天，点击查看活动详情一。

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第16天，点击查看活动详情

一。谈谈this对象的理解

定义：this 关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象。

同时，this在函数执行过程中，this一旦被确定了，就不可以再更改。

绑定规则：

默认绑定

全局环境中定义的函数，内部this默认指向window

严格模式下('use strict')，不能将全局对象用于默认绑定，this会绑定到undefined，
隐式绑定

函数还可以作为某个对象的方法调用，这时this就指这个对象

谁点出该方法，该方法中的this就指向谁

new绑定

通过构建函数new关键字生成一个实例对象，此时this指向这个实例对象

new过程遇到return一个对象，此时this指向为返回的对象

function fn()  
{  
    this.user = 'xxx';  
    return {};  
}
var a = new fn();  
console.log(a.user); //undefined

如果返回一个简单类型的时候，则this指向实例对象

function fn()  
{  
    this.user = 'xxx';  
    return 1;
}
var a = new fn();  
console.log(a.user); //xxx

注意的是null虽然也是对象，但是此时new仍然指向实例对象

function fn()  
{  
    this.user = 'xxx';  
    return null;
}
var a = new fn;  
console.log(a.user); //xxx

显示修改

apply()、call()、bind()是函数的一个方法，作用是改变函数的调用对象。它的第一个参数就表示改变后的调用这个函数的对象。因此，这时this指的就是这第一个参数。

箭头函数：箭头函数中没有this，在箭头函数中使用this，会向上层寻找，如果上层没有函数，或者上层函数也是箭头函数，最终this执行window。

事件与事件流：

javascript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性，常见的有加载事件、鼠标事件、自定义事件等。

由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流的概念。

在事件流中，包括捕获阶段和冒泡阶段(触发阶段)，捕获阶段是从外向内，冒泡阶段是从内向外。

事件模型：

1.原始事件模型

<input type="button" onclick="fun()">

// 先获取元素
var btn = document.getElementById('.btn');
// 再注册事件
btn.onclick = fun;

这种事件模型，无法设置事件的触发机制，在事件捕获阶段无法触发事件，只能在事件冒泡阶段触发事件。

2.标准事件模型

通过 addEventListener 方法，注册事件，通过 removeEventListener 方法，移除事件。

addEventListener(eventType, handler, useCapture)
removeEventListener(eventType, handler, useCapture)