话说我在口试的时刻，有那末几天，不晓得是中了什么邪，口试的几家公司最先猖獗的问我this，
种种的this，绕着弯的问我this，厥后我做梦都是this、this、this……你妹的this！
那末先从口试官会怎样问你来说吧。
口试官会问什么样的问题呢
- 请说一下作用域和上下文（this）
- this会指向那里
- 怎样转变this的指向
- 出种种绕弯子的问题让你说this是啥
实在这个虽然问题我记得不多了，然则真的问起来照样很恶心的。
由于一旦代码丢出来了，还会涉及到继承，组织函数，原型链，闭包等一系列问题在后面等着你，口试管为了掏你的内情会一问再问，问到你懵逼。
那末我们先来说说第一个问题，作用域和上下文。
什么是作用域？
问得好，我也不晓得，待我查一下………………
作用域是在运行时代码中的某些特定部份中变量，函数和对象的可接见性。换句话说，作用域决议了代码区块中变量和其他资本的可见性。
emmmm…………不好明白的话，我说一个比方吧。
如今我为一个屋子特地定一个木窗窗沿，这个窗沿只合适这个屋子内里一切需要用的处所，其他屋子不能用，那末这个屋子就是我木窗的作用域～～～
就像我在
function 屋子(){
var 木窗；
}
我的木窗只属于我的屋子，我不能够在屋子的表面，比方小区内里直接拿到我的木窗，我必需进入屋子去找这个木窗，这是不能够转变的作用域。
然后我们再来看一下
var 景致 = '大海'
function 屋子() {
var 景致 = '大草原';
this.木窗 = function() {
console.log(景致)
}
木窗()
}
屋子()叨教这个时刻输出的景致是什么呢～
机灵的小朋友肯定会说是大草原～～～
为何呢～
由于景致我从下往上找啊，找到近来的一张图我就不必继承找了，拿出来用就好啦。
怎样，惊不欣喜，意不不测，刺不刺激～～～
js中有全局作用域，函数作用域，块级作用域（es6）。
- 全局作用域
很好诠释，我一切处所都能够挪用的到的，就像路边的广告牌，我们都能够看得到，不需要想要领进谁家里去看。
- 函数作用域
是发生在函数中的，一个函数内部会涌现一块作用域。能够这么明白，函数是我们的屋子，我们站在屋子表面（全局）的时刻，没法看到屋子内里的东西。然则我们站在屋子内里（函数内部），是能够去透过窗子凑凑全部表面的天下的。
- 块级作用域
哇塞这个就厉害了，在我们es6内里，新增了一些像let、const之类的语法，能够发生一个块级作用域。
人人应当都做过一个简朴的问题，就是一个for轮回内里丢一个setTimeout，下面放出代码。
for(var i = 0; i<5; i++) {
setTimeout(function() {
console.log(i)
}, 1000)
}我们看一下这一个问题，起首会让你回复打印出来的是什么。
机灵的小伙伴肯定会回复：5 5 5 5 5
为何咧，由于这个var的i成了全局的，并非只在轮回内里去运用，setTimeout是一个异步函数，所以我们实行完了for才会去console.log。
这个还涉及到同步异步之类的，会零丁开一章来说，光是基本都已让人头昏眼花，啊西吧～
那假如我们要让他12345怎样办呢，能够把i保存下来做一个闭包传入，另有一个最轻易的要领就是用let来声明他。
ps: 不过平常口试官会跟你说不要用es6，给我一个es5的要领2333333333
=3=
别的说一下let和const和var重要的区分：
- 假如你要在块级声明的变量存在全局变量，然则块级作用域内又let或许const了一个局部变量，致使后者绑定这个块级作用域，就会…boom…爆炸，也就是报错～
- var人人都晓得，举行变量提拔，你在第十行声明赋值，我们代码实行的时刻实际上是会放到最顶部先声明，再实行到第十行的位置举行复制，还没赋值前都是undefind。然则let和const没有哦，假如你提早有用的话就等着报错吧～
- const声明一个只读的常量。一旦声明，常量的值就不能转变。然则呢，你能够转变他的属性。
就像
const i = 10;
i = 9; // 如许是不可的！！！
const u = {a: 'a',b: 'b'}
u.b = 'c' // 如许是能够的实在很好明白，不过我照样举个?吧……
我const一个大爷，我转变这个大爷的属性，相似给他换个衣服或许换个鞋子，但是大爷照样大爷所以不会报错。
然则我const一个妹子，完事了把妹子改成了大爷，那我不依，报错。
那什么是上下文呢？
这个也好明白，比方我窗户装在客堂，看到的是客堂内里的景致，装到了厨房，就是厨房的景致，固然这个上下文是能够变动的，我能够个这个窗沿内里贴上珠穆拉玛峰的照片，那末这个上下文就被我改了。
function 屋子() {
var 景致 = '大草原';
this.木窗 = function() {
console.log(this.景致)
}
木窗()
}
屋子()你猜打印出来的是什么～～～
固然是undefind！
想什么呢～不会以为是大草原吧～
为何咧，由于他的this变了。
下面我把这行代码改成直接打印this，打印出来的是一个window。
为何？由于我挪用屋子的处地点window下，我挪用了屋子，屋子挪用了木窗，所以this成了window。
那末我们方才是否是在屋子内里给了一张大草原的画呢，这是否是在屋子表面（window层）就找不到了呢，所以是个window。
哈哈哈哈哈
假如你在这里就昏了，那末一定要往下看，不然你永久都搞不清楚this究竟会指向那里。
再说一下第三个问题，转变this的指向。
这个实在也很简朴，call或许apply都能够，这个本身看api去～考官会问你两个的区分的，乖宝宝要本身看文档哦～
末了一题，绕着弯子让你说this是啥。
既然你看到了这里，那末正题最先了！！！
究竟this指向那里！！！
问得好，我本身也懵逼。
没紧要，我们能够一同捋一捋。
容老汉先洗澡换衣，焚香祷告你们不要被我带歪了。
起首，跟我一同读一遍下面的两句话（固然，假如有补充能够留言）：
1: 谁挪用指向谁，没有谁就是window
2: 除了call、apply、bind和箭头函数
起首我们在全局下打印一下this，控制台输出的是window，这个没有疑问吧～
我们再来经由过程函数挪用一下
function 屋子() {
this.木窗 = function() {
console.log(this)
}
木窗()
}
屋子()那末我们再回过甚去看方才的屋子窗子。
我们是那里最先挪用屋子的？
固然是window，实在屋子()就等同于window.屋子()。
所以呢，挪用屋子的是window，那末屋子最底下会挪用木窗，所以真正的挪用者被抓出来了。
window => 屋子 => 木窗
函数的挪用者就是this，请捉住始作俑者，这道题就是window这个小婊渣，就是他～
那末我们再看下一个。
经由过程对象的属性来挪用：
var obj = {
say: function() {
console.log(this);
}
};
obj.say();打印的效果是: {say: ƒ}
谁挪用就指向谁，这个obj.say()的实行要领挪用者是前面的obj，所以当前的这个this指向了obj。
再看一个
var obj = {
say: function() {
var hehe = function() {
console.log(this)
}
hehe()
}
};
obj.say();这个this指向了window。
为何？由于这个hehe并非obj上面的属性，没有找到挪用者是谁，所以默许指向window。
下面我们来看一下其他几个指向谁。
call和apply人人都晓得，能够转变this的指向。
var obj = {a: 'a'};
function b() {
console.log(this)
}
b.apply(obj)打印效果：{a: “a”}
call差不多，二者差异只是参数传的不一样，一个能够传数组。
具体情况，宝宝们文档走一波～
然后再来看一下bind
哇塞这个也厉害了
直接上代码
var axiba = {hehe: 'hehe'}
var obj = {
a: 'a',
b:function() {
console.log(this)
}.bind(axiba)
};
b()
// 或许
var axiba = {hehe: 'hehe'}
var obj = {
a: 'a',
b:function() {
console.log(this)
}
};
var u = obj.b.bind(axiba)
u()实行的是神马～
固然是指向axiba～
末了一个，就是es6的箭头函数
我要零丁为箭头函数加个粗
官网逛一逛，发现了几句话。
箭头函数有几个运用注重点。
（1）函数体内的this对象，就是定义时地点的对象，而不是运用时地点的对象。
（2）不能够看成组织函数，也就是说，不能够运用new敕令，否则会抛出一个毛病。
（3）不能够运用arguments对象，该对象在函数体内不存在。假如要用，能够用 rest 参数替代。
（4）不能够运用yield敕令，因而箭头函数不能用作 Generator 函数。
上面四点中，第一点特别值得注重。this对象的指向是可变的，然则在箭头函数中，它是牢固的。
要明白实在也很轻易，起首……
上代码……
function foo() {
setTimeout(() => {
console.log('id:', this.id);
}, 100);
}
var id = 21;
foo.call({ id: 42 });代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义见效是在foo函数天生时，而它的真正实行要比及 100 毫秒后。假如是一般函数，实行时this应当指向全局对象window，这时候应当输出21。然则，箭头函数致使this老是指向函数定义见效时地点的对象（本例是{id: 42}），所以输出的是42。
所以今后有人问你es6的箭头函数的this和es5函数中的this的区分，那末就是es6不可转变，一直指向定义的对象，es5是依据挪用环境的，假如没有挪用者，默许window。
由于考官会出得问题千千万，题海战术险些无用，我之前也是作用域和上下文傻傻分不清，虽然如今也懵懂阶段，不过学无止尽嘛。
有什么表达不当的处所，悄然告诉我哦～
么么哒
