常用的js前端面试题整理

一. JS中的let和var的区别
在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。
例如：

{ 
  var i = 9;
} 
console.log(i);  // 9

//ES6新增的let，可以声明块级作用域的变量。
{ 
  let i = 9;     // i变量只在 花括号内有效！！！
} 
console.log(i);  // Uncaught ReferenceError: i is not defined

let 配合for循环的独特应用
let非常适合用于 for循环内部的块级作用域。JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域，用let声明的变量传入到 for循环体的作用域后，不会发生改变，不受外界的影响。看一个常见的面试题目：

for (var i = 0; i <10; i++) {  
  setTimeout(function() {  // 同步注册回调函数到 异步的 宏任务队列。
    console.log(i);        // 执行此代码时，同步代码for循环已经执行完成
  }, 0);
}
// 输出结果
10   共10个
// 这里面的知识点： JS的事件循环机制，setTimeout的机制等

//如果把 var改成 let声明：
// i虽然在全局作用域声明，但是在for循环体局部作用域中使用的时候，变量会被固定，不受外界干扰。
for (let i = 0; i < 10; i++) { 
  setTimeout(function() {
    console.log(i);    //  i 是循环体内局部作用域，不受外界影响。
  }, 0);
}
// 输出结果：
0  1  2  3  4  5  6  7  8 9

let没有变量提升与暂时性死区
用let声明的变量，不存在变量提升。而且要求必须 等let声明语句执行完之后，变量才能使用，不然会报Uncaught ReferenceError错误。
例如：

console.log(aicoder);    // 错误：Uncaught ReferenceError ...
let aicoder = 'aicoder.com';
// 这里就可以安全使用aicoder

let变量不能重复声明
let不允许在相同作用域内，重复声明同一个变量。否则报错：Uncaught SyntaxError: Identifier ‘XXX’ has already been declared
例如：

let a = 0;
let a = 'sss';
// Uncaught SyntaxError: Identifier 'a' has already been declared

二、什么是闭包
闭包是指有权访问另一个函数作用域中的变量的函数；
最常见的闭包结构如下：

function aaa(){
  var name = "xxx"
  return function bbb(){
    alert(name);
  }
}

如上代码，bbb函数内可以访问aaa函数作用域内的变量

闭包的特性
看一下这一段的封装，外部的方法和变量就不会污染闭包内部的东西，同时，闭包内的变量也会有效的保存下来

function person(name) {
    // 变量作用域为函数内部，外部无法访问，防止了变量名冲突和污染
    var name = '姓名';
    this.sayName= function() {
        alert(name)
    }
    this.changeName= function(newName) {
        name = newName
    }
}
// 外部无法访问内部变量
let a = new person()
console.log(a.name) // undefiend
a.changeName('小白')
// 这里修改的name会保存下来
a.sayName() // 小白

常见的定时器问题

for( var i = 0; i < 5; i++ ) {
    setTimeout(() => {
        console.log( i );
    }, 1000)
}
//得到结果 5个5
//setTimeout函数在当前执行队列的最后执行，获取到的i是最外部作用域的i=5,所以得到5个5

//那么如果想1s后得到0-4怎么做？在for循环内创建闭包
for (var i = 0; i < 5; i++) {
    (function(j) {
        setTimeout(function() {
            console.log(j);
        },1000)
    })(i)
}

同样setTimeout在执行队列的最后执行，获取到的j是外部函数的j,由于闭包中的变量会保存下来，每一次获取的j分别是0,1,2,3,4。当然除了用闭包也可以用es6里的let，把变量声明改成let就可以了，见面试题1。

注意事项
由于闭包会常驻内存，使用不当会导致内存溢出。
面试测试题

function fun(n,o){
	    console.log(o);
	    return {
	        fun:function(m){
	            return fun(m,n);
	        }
	    };
	 }

	 var a = fun(0);a.fun(1);a.fun(2);a.fun(3);
	 var b = fun(0).fun(1).fun(2).fun(3);
	 var c = fun(0).fun(1);c.fun(2);c.fun(3);
	 //问:三行a,b,c的输出分别是什么？

不懂得可以看一下https://blog.csdn.net/u013677491/article/details/113936635
问题解答，可以查答案

三、fun(2)(3)和fun(2)(3)(4)数值相加返回的结果实现方法

 var sum = 0
		var fun = function(m){
			console.log(m)
			sum = sum+m
			return fun
		}
		fun.toString = function(){  //这是关键的一步
			return sum
		}
		function and(m){
			sum = m
			return fun
		}
		console.log(and(2)(3))
		console.log(and(2)(3)(4))

参考自：http://www.hishenyi.com/archives/796 详细讲解可查看
持续更新中…