举荐浏览地址
掘金
github
变量晋升
做题前倡议先浏览一遍 彻底解决 JS 变量晋升的面试题
面试题
1. 问上面输入后果
if( !("a" in window) ){ var a = 12}console.log(a) // undefined无论条件是否成立都会变量晋升，全局下的var相当于给window设一个属性window.a = undefined。所以!("a" in window)是false，输入就是undefined
2. 问上面输入后果
console.log(a)var a = '林一一'function fn(){ console.log(a) var a = 12}fn()console.log(a)/* 输入* undefined* undefined* 林一一*/带var，function的会因为变量晋升，起初a为undefined，全局下赋值为林一一。函数公有作用域外部带var的也相似于变量晋升让a = undefined，下一步才是a= 12。最初全局下输入就是林一一。更具体的变量晋升请查看 彻底解决 JS 变量晋升的面试题
3. 上面输入后果
console.log(a)var a = '林一一'function fn(){ console.log(a) a = 12}fn()console.log(a)/* 输入* undefined* 林一一* 12*/函数外部没有变量晋升，函数外部的a是全局下的a，最初函数执行a 被赋值 a = 12输入后果很显著。
4. 求上面输入后果
console.log(a)a = '林一一'function fn(){ console.log(a) a = 12}fn()console.log(a)/* 输入* Uncaught ReferenceError: a is not defined*/全局下的a不带var，没有变量晋升。JS 会向下级作用域查找，发现window中也没有属性a，所以产生援用谬误ReferenceError
5.求上面输入后果
var a = '林一一'function fn(){ if(!a){ var a = 12 } console.log(a)}fn()/* 输入* 12*/不论条件是否成立都会进行变量晋升a= undefined，if(!a) ==> if(!undefined) ==> true，输入就是 12
6.求上面输入后果
var a=12, b = 13, c = 14function fn(a){ a = 0 var b = 0 c = 0}fn(a)console.log(a)console.log(b)console.log(c)/* 输入* 12* 13* 0*/函数的形参和带var的b是公有变量，所以函数内的a, b不对全局下的a, b有何影响。输入后果就是12, 13, 0
JS 闭包
做题前倡议先浏览一遍 面试 | JS 闭包经典应用场景和含闭包必刷题
面试题
1. 求上面输入后果
var ary = [1, 2, 3, 4]function fn(i){ return function(n){ console.log(n+ (i++)) }}var f = fn(10)f(20) // 30fn(20)(40) // 60fn(30)(40) // 70f(30) // 41console.log(i) // Uncaught ReferenceError: i is not defined这是一道比较简单的题目，须要注意一个中央，n+ (i++)是n先和i运算i再自加1，()不会起作用。
2. 某腾的面试题，以下的代码要实现5个 input 按钮循环绑定 click 点击事件，绑定实现后点击1、2、3、4、5五个按钮别离输入0、1、2、3、4五个字符
- 问上面的代码是否实现？
- 不能实现，上面的输入成果是怎么样的？
- 怎么批改能力达到想要的成果，阐明理由
<div id="btnBox"> <input type="button" value="button_1" /> <input type="button" value="button_2" /> <input type="button" value="button_3" /> <input type="button" value="button_4" /> <input type="button" value="button_5" /></div><script type="text/javascript">var btnBox = document.getElementById('btnBox'), input = btnBox.getElementsByTagName('input')var l = input.lengthfor(var i =0; i<l; i++){ input[i].onclick = function(){ alter(i); }}</script>
- 不能；2. 输入的后果都是5，因为事件绑定是
异步的，当绑定事件执行的时候，内部的循环曾经完结，用到的变量i是全局下的i，这时的i=5；3.将var改成let，理由let具备块级作用域，每一个块级作用域都是公有互不烦扰的。或应用闭包解决，或自定义事件解决。具体查看 面试 | JS 闭包经典应用场景和含闭包必刷题
JS this
面试题
1. this 指向
var name = '林一一'var obj = { name: '林二二', prop: { getName: function(){ return this.name } }}console.log(obj.prop.getName())var a = obj.prop.getNameconsole.log(a())/** undefined* 林一一*/这道题间接查看 面试| 你不得不懂的 JS this 指向
3. 闭包和 this 求上面输入后果
var num = 10 // 60； 65var obj = { num: 20 }obj.fn = (function (num){ this.num = num * 3 num++ // 21 return function(n){ this.num += n // 60 + 5 = 65；20 + 10 =30 num++ // 21 + 1 = 22；22 + 1 = 23 console.log(num) }})(obj.num)var fn = obj.fnfn(5) // 22obj.fn(10) // 23console.log(num, obj.num) // 65, 30这道题略微有点难度了，如果相熟下级作用域的概念和 this 指向就简略点，倡议浏览完 [面试| 你不得不懂的 JS this 指向]()。这里只给一点提醒，return的返回的匿名函数的下级作用域是自执行函数，fn(5)执行时this指向window，obj.fn(10)执行时this指向window。
JS 构造函数和原型链
做题前倡议先浏览一遍 面试 | 你不得不懂得 JS 原型和原型链
面试题
1. 某腾的一道原型个原型链面试题，求上面输入后果
function fun(){ this.a = 0 this.b = function(){ alert(this.a) }}fun.prototype = { b: function(){ this.a = 20 alert(this.a) }, c: function (){ this.a = 30 alert(this.a) }}var my_fun = new fun()my_fun.b() // 0my_fun.c() // 30my_fun.b()中 函数本身的作用域含有属性b输入的值就是 0；my_fun.c()中函数本身没有属性c，就会通过原型链向上查找到fun.prototype.c，输入就是 30。
2. 某腾原型重定向面试题，求上面输入后果
function Fn(){ var n = 10 this.m = 20 this.aa = function() { console.log(this.m) }}Fn.prototype.bb = function () { console.log(this.n)}var f1 = new FnFn.prototype = { aa: function(){ console.log(this.m + 10) }}var f2 = new Fnconsole.log(f1.constructor) // ==> function Fn(){...}console.log(f2.constructor) // ==> Object() { [native code] }f1.bb() // undefinedf1.aa() // 20f2.aa() // 20f2.__proto__.aa() // NaNf2.bb() // Uncaught TypeError: f2.bb is not a function如果有疑难的请浏览一遍 面试 | 你不得不懂得 JS 原型和原型链f1,f2中本没有 constructor然而会从构造函数的prototype中查找相当于f1.prototype.constructor，f2的原型被从新定义了指向基类object;f2.__proto__.aa()中的this指向的是原型prototype，原型中并没有属性m，所以this.m + 10 ==> undefined + 10 ==> NaN。f2.bb()中f2没有属性bb，通过__proto__向上查找，而原型是通过重定向的原型也没有属性bb，再向上到基类object中也没有属性bb，则f2.bb() ==> undefined()，所以报错TypeError
3. 某厂经典原型面试题，求上面输入后果
function Foo() { getName = function (){ console.log(1) } return this}Foo.getName = function () { console.log(2)}Foo.prototype.getName = function(){ console.log(3)}var getName = function (){ console.log(4)}function getName() { console.log(5)}// 1Foo.getName()//2getName()//3Foo().getName();//4getName();//5new Foo.getName()//6new Foo().getName()//7new new Foo().getName()/* 输入* 2* 4* 1* 1* 2* 3* 3*/这道题咋一看有点懵了，但每一步剖析后也能得出精确答案，我尝试讲明确这道题，然而你必须具备一些前置常识，比方重名下 变量晋升，原型和原型链，this 指向，运算符优先级等。
- 在变量晋升阶段带
var 和 function都会变量晋升，两则的区别在于var只申明为undefined不定义，function的同时申明和定义。同名的getName会先申明和定义赋值一个函数的推内存地址，也就是下面输入console.log(5)的函数地址，在 JS 代码执行后getName被从新赋值一个新堆内存地址console.log(4)。Foo.getName()就是函数作为对象的调用，1中的输入就是2； - 2 中
getName()输入就是4，因为getName()的援用地址是console.log(4)中的； - 3 中
Foo().getName()，Foo()执行后全局下的getName援用地址再次扭转成console.log(1)且返回了this指向window输入后果就是1； - 4 中
getName是全局下的，输入天然是也是1； - 5中
new Foo.getName()函数执行输入2； - 6 中
new Foo().getName() => new A.getName()，先对new Foo()实例化再对A.getName()调用，对new Foo()实例化调用的getName()办法是原型prototype上的，输入就是3； 7 中
new new Foo().getName() => new B.getName()，先对new Foo()实例化再对new B.getName()实例化，new B.getName()同时也在执行B.getName()办法输入的还是实例B上的办法也就是原型prototype的getName。完结
感激浏览到这里，如果这篇文章能对你有点帮忙的话，欢送 github star。我是林一一，下次见。