有意思的前端函数面试题

1:考引用类型在比较运算符时候隐式转换会调用本类型那个方法 toString和valueOf？(去年过年吵的很火国外的题)


if(a == 1 && a == 2 && a == 3){console.log("我走进来了");
}<!--答案1:-->
var a = {num:0};
a.valueOf = function(){return   a.num
}<!--答案2：-->
var num = 1;
function a(){return num  ;
}
if(a() == 1 && a() == 2 && a() == 3){console.log("我走进来了");
}<!--答案3:-->var num = 0;
Function.prototype.toString = function(){return   num;
}
function a(){}<!--答案4:-->
var  a = {[Symbol.toPrimitive]: ((i) => () =>   i) (0)};

2:考this指向的理解？(最后一个输出问题是借鉴网易面试题的)

var names = "宋伟老师";
var obj = {names:"张健老师",showName:function(){console.log(this.names);},returnName:function(){return this.names;},returnFunctionName:function(){return function(){console.log(this.names);}}}
obj.showName();                                     //输出什么？   "张健老师"
obj.returnName();                                   //输出什么？   "张健老师"
obj.returnFunctionName()();                         //输出什么？   "宋伟老师"
obj.showName.call(names);                           //输出什么？   undefined
obj.returnName.call(names);                         //输出什么？   undefined
obj.returnFunctionName().call(names)                //输出什么？   undefined
var newObj = obj.returnFunctionName().bind(window);
newObj.call(obj)                                    //输出什么？   "宋伟老师"
//为什么最后一个输出"宋伟老师"？因为bind指向this对象后  再一次调用的话  this指向不会被改变//谢谢某同学慧眼发现了问题  name少了个s 统一都是names

3:再来一次this指向问题？(能不看答案的同学说出结果算我输)

var big = "万达老师";var obj = {big:"宋伟老师",showBig:function(){return this.big;}
}
obj.showBig.call(big);          //ƒ big() { [native code] }  //精通String的操作方法的同学就把为什么回复出来吧

4:说出下面this长度是多少?(再来一把this指向估计能把这都搞明白的同学 this指向应该没有能难住的了)


function a(a,b,c){console.log(this.length);                 //4console.log(this.callee.length);          //1
}function fn(d){arguments[0](10,20,30,40,50);
}fn(a,10,20,30);//第一个输出结果:因为this当前指向的是arguments 。 arguments是一个伪数组具备length属性。arguments又是保存函数的实参。
fn调用的时候传入4个实参。所以arguments长度为4。这个时候arguments[0] 等同于 arguments.a调用这个函数。所以this指向的是arguments这个伪数组也是(对象)(听到这还有疑惑小伙伴留言问我)//第二个输出结果：callee是arguments的一个属性,主要返回当前arguments直属的函数体。所以this.callees是返回fn 。每一个函数有一个length属性主要用来返回函数的形参的所以就是1。

5:经典的变量提升问题？


===================  题一 ===========================
if(!"abc"  in window){var abc = 10;
}
console.log(abc);   	        //undefined  
//因为先变量声明提升 所以提升之后abc的值系统默认会赋值为undefined。 !abc为false ,in是检查对象中是否存在某个属性。很显然 false属于是一个布尔类型。不存在对象中。所以没有走if里面的变量赋值。//对于wens同学提出的问题。我重新说明一下abc虽然声明提升了。
但是  if里面判断的是字符串abc。所以!"abc" 是false。
你可以尝试if(!"abc"){var abc=10} console.log(abc);
再试试if(!abc){var abc=10} console.log(abc);看看结果是否一样===================  题二 ===========================    
console.log(a);                 //undefined
if(!("a" in window)){var a = 10;
}
console.log(a);                 //undefined
//因为先变量声明提升 所以提升之后a的值系统默认会赋值为undefined。 变量提升会存在GO中也就是window。所以("a" in window)肯定为true。!去反一下就为false。所以不走赋值。
===================  题三 ===========================
var x = 1;
if (function f(){}) {
x  = typeof f;  
}
console.log(x);                 //1undefined   
//因为函数题在()中会以表达式去运行。最后转换为true,不会存在函数整体声明提升。所以typeof为undefined

6:面试几率百分80%的题！

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);		    //输出什么 undefined 0 0 0 
var b = fun(0).fun(1).fun(2).fun(3);				    //输出什么 undefined 0 1 2
var c = fun(0).fun(1); c.fun(2); c.fun(3);			    //输出什么 undefined 0 1 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);		    //输出什么 undefined 0 0 0 //fun(0)调用时候等同于
function fun(n,o) {var n=0;var o;console.log(o)  //undefinedreturn {fun:function(m){return fun(m,n);  ---> n 就获取到fun里面的n为0的值。然后调用一次fun就会出现下面函数显示。}};
}
//a.fun(1)调用时候等同于fun(1,0)
function fun(n,o) {var n=1;var o=0;console.log(o)  //1return {fun:function(m){return fun(m,n);  ---> n 就获取到fun里面的n为0的值。}};
}//以此类推  不知道小伙伴们看懂没 因为感觉语言解释不如分化代码理解好明白