经典面试题Word文件下载.docx
- 文档编号:20922301
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:16
- 大小:22.44KB
经典面试题Word文件下载.docx
《经典面试题Word文件下载.docx》由会员分享,可在线阅读,更多相关《经典面试题Word文件下载.docx(16页珍藏版)》请在冰豆网上搜索。
console.log(Object.prototype.toString.call(null));
//[objectNull]
另外,为了珍爱生命,请远离==:
而[]===false是返回false的。
2、下面的代码会在console输出神马?
为什么?
(function(){
vara=b=3;
})();
console.log("
adefined?
"
+(typeofa!
=='
undefined'
));
bdefined?
+(typeofb!
这跟变量作用域有关,输出换成下面的:
console.log(b);
//3
console,log(typeofa);
//undefined
拆解一下自执行函数中的变量赋值:
b=3;
vara=b;
所以b成了全局变量,而a是自执行函数的一个局部变量。
3、下面的代码会在console输出神马?
7
8
9
10
11
12
13
varmyObject={
foo:
bar"
func:
function(){
varself=this;
outerfunc:
this.foo="
+this.foo);
self.foo="
+self.foo);
(function(){
innerfunc:
}());
}
};
myObject.func();
第一个和第二个的输出不难判断,在ES6之前,JavaScript只有函数作用域,所以func中的IIFE有自己的独立作用域,并且它能访问到外部作用域中的self,所以第三个输出会报错,因为this在可访问到的作用域内是undefined,第四个输出是bar。
如果你知道闭包,也很容易解决的:
(function(test){
+test.foo);
//'
bar'
}(self));
如果对闭包不熟悉,可以参考本文:
从作用域链谈闭包
4、将JavaScript代码包含在一个函数块中有神马意思呢?
为什么要这么做?
换句话说,为什么要用立即执行函数表达式(Immediately-InvokedFunctionExpression)。
IIFE有两个比较经典的使用场景,一是类似于在循环中定时输出数据项,二是类似于JQuery/Node的插件和模块开发。
for(vari=0;
i<
5;
i++){
setTimeout(function(){
console.log(i);
},1000);
上面的输出并不是你以为的0,1,2,3,4,而输出的全部是5,这时IIFE就能有用了:
(function(i){
})(i)
而在JQuery/Node的插件和模块开发中,为避免变量污染,也是一个大大的IIFE:
(function($){
//代码
})(jQuery);
5、在严格模式('
usestrict'
)下进行JavaScript开发有神马好处?
消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
消除代码运行的一些不安全之处,保证代码运行的安全;
提高编译器效率,增加运行速度;
为未来新版本的Javascript做好铺垫。
6、下面两个函数的返回值是一样的吗?
14
functionfoo1()
{
return{
bar:
hello"
functionfoo2()
return
在编程语言中,基本都是使用分号(;
)将语句分隔开,这可以增加代码的可读性和整洁性。
而在JS中,如若语句各占独立一行,通常可以省略语句间的分号(;
),JS解析器会根据能否正常编译来决定是否自动填充分号:
vartest=1+
console.log(test);
在上述情况下,为了正确解析代码,就不会自动填充分号了,但是对于return、break、continue等语句,如果后面紧跟换行,解析器一定会自动在后面填充分号(;
),所以上面的第二个函数就变成了这样:
return;
所以第二个函数是返回undefined。
7、神马是NaN,它的类型是神马?
怎么测试一个值是否等于NaN?
NaN是NotaNumber的缩写,JavaScript的一种特殊数值,其类型是Number,可以通过isNaN(param)来判断一个值是否是NaN:
console.log(isNaN(NaN));
console.log(isNaN(23));
//false
console.log(isNaN('
ds'
32131sdasd'
console.log(NaN===NaN);
console.log(NaN===undefined);
console.log(undefined===undefined);
console.log(typeofNaN);
//number
console.log(Object.prototype.toString.call(NaN));
//[objectNumber]
ES6中,isNaN()成为了Number的静态方法:
Number.isNaN().
8、解释一下下面代码的输出
console.log(0.1+0.2);
//0.30000000000000004
console.log(0.1+0.2==0.3);
JavaScript中的number类型就是浮点型,JavaScript中的浮点数采用IEEE-754格式的规定,这是一种二进制表示法,可以精确地表示分数,比如1/2,1/8,1/1024,每个浮点数占64位。
但是,二进制浮点数表示法并不能精确的表示类似0.1这样的简单的数字,会有舍入误差。
由于采用二进制,JavaScript也不能有限表示1/10、1/2等这样的分数。
在二进制中,1/10(0.1)被表示为0.00110011001100110011……注意0011是无限重复的,这是舍入误差造成的,所以对于0.1+0.2这样的运算,操作数会先被转成二进制,然后再计算:
0.1=>
0.0001100110011001…(无限循环)
0.2=>
0.0011001100110011…(无限循环)
双精度浮点数的小数部分最多支持52位,所以两者相加之后得到这么一串0.0100110011001100110011001100110011001100…因浮点数小数位的限制而截断的二进制数字,这时候,再把它转换为十进制,就成了0.30000000000000004。
对于保证浮点数计算的正确性,有两种常见方式。
一是先升幂再降幂:
functionadd(num1,num2){
letr1,r2,m;
r1=('
'
+num1).split('
.'
)[1].length;
r2=('
+num2).split('
m=Math.pow(10,Math.max(r1,r2));
return(num1*m+num2*m)/m;
console.log(add(0.1,0.2));
//0.3
console.log(add(0.15,0.2256));
//0.3756
二是是使用内置的toPrecision()和toFixed()方法,注意,方法的返回值字符串。
functionadd(x,y){
returnx.toPrecision()+y.toPrecision()
//"
0.10.2"
9、实现函数isInteger(x)来判断x是否是整数
可以将x转换成10进制,判断和本身是不是相等即可:
functionisInteger(x){
returnparseInt(x,10)===x;
ES6对数值进行了扩展,提供了静态方法isInteger()来判断参数是否是整数:
Number.isInteger(25)//true
Number.isInteger(25.0)//true
Number.isInteger(25.1)//false
Number.isInteger("
15"
)//false
Number.isInteger(true)//false
JavaScript能够准确表示的整数范围在-2^53到2^53之间(不含两个端点),超过这个范围,无法精确表示这个值。
ES6引入了Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER这两个常量,用来表示这个范围的上下限,并提供了Number.isSafeInteger()来判断整数是否是安全型整数。
10、在下面的代码中,数字1-4会以什么顺序输出?
为什么会这样输出?
console.log
(1);
setTimeout(function(){console.log
(2)},1000);
setTimeout(function(){console.log(3)},0);
console.log(4);
这个就不多解释了,主要是JavaScript的定时机制和时间循环,不要忘了,JavaScript是单线程的。
详解可以参考从setTimeout谈JavaScript运行机制。
11、写一个少于80字符的函数,判断一个字符串是不是回文字符串
functionisPalindrome(str){
str=str.replace(/\W/g,'
).toLowerCase();
return(str==str.split('
).reverse().join('
这个题我在codewars上碰到过,并收录了一些不错的解决方式,可以戳这里:
PalindromeForYourDome
12、写一个按照下面方式调用都能正常工作的sum方法
console.log(sum(2,3));
//Outputs5
console.log(sum
(2)(3));
针对这个题,可以判断参数个数来实现:
functionsum(){
varfir=arguments[0];
if(arguments.length===2){
returnarguments[0]+arguments[1]
}else{
returnfunction(sec){
returnfir+sec;
13、根据下面的代码片段回答后面的问题
for(vari=0;
varbtn=document.createElement('
button'
btn.appendChild(document.createTextNode('
Button'
+i));
btn.addEventListener('
click'
function(){console.log(i);
});
document.body.appendChild(btn);
1、点击Button4,会在控制台输出什么?
2、给出一种符合预期的实现方式
1.1、点击5个按钮中的任意一个,都是输出5
2.2、参考IIFE。
14、下面的代码会输出什么?
vararr1="
john"
.split('
john
vararr2=arr1.reverse();
nhoj
vararr3="
jones"
jones
arr2.push(arr3);
array1:
length="
+arr1.length+"
last="
+arr1.slice(-1));
array2:
+arr2.length+"
+arr2.slice(-1));
会输出什么呢?
你运行下就知道了,可能会在你的意料之外。
reverse()会改变数组本身,并返回原数组的引用。
slice的用法请参考:
slice
15、下面的代码会输出什么?
console.log(1+"
2"
+"
console.log(1++"
console.log(1+-"
1"
console.log(+"
console.log("
A"
-"
B"
+2);
输出什么,自己去运行吧,需要注意三个点:
多个数字和数字字符串混合运算时,跟操作数的位置有关
console.log(2+1+'
3'
//‘33'
console.log('
+2+1);
321'
数字字符串之前存在数字中的正负号(+/-)时,会被转换成数字
console.log(typeof'
//string
console.log(typeof+'
同样,可以在数字前添加'
,将数字转为字符串
console.log(typeof3);
//number
console.log(typeof('
+3));
//string
对于运算结果不能转换成数字的,将返回NaN
a'
*'
sd'
//NaN
A'
-'
B'
//NaN
这张图是运算转换的规则
16、
如果list很大,下面的这段递归代码会造成堆栈溢出。
如果在不改变递归模式的前提下修善这段代码?
varlist=readHugeList();
varnextListItem=function(){
varitem=list.pop();
if(item){
//processthelistitem...
nextListItem();
原文上的解决方式是加个定时器:
setTimeout(nextListItem,0);
解决方式的原理请参考第10题。
17、什么是闭包?
举例说明
可以参考此篇:
18、下面的代码会输出什么?
为啥?
setTimeout(function(){console.log(i);
},i*1000);
请往前面翻,参考第4题,解决方式已经在上面了
19、解释下列代码的输出
0||1="
+(0||1));
1||2="
+(1||2));
0&
&
1="
+(0&
1));
1&
2="
+(1&
2));
逻辑与和逻辑或运算符会返回一个值,并且二者都是短路运算符:
逻辑与返回第一个是false的操作数或者最后一个是true的操作数
console.log(1&
2&
0);
//0
0&
1);
3);
如果某个操作数为false,则该操作数之后的操作数都不会被计算
逻辑或返回第一个是true的操作数或者最后一个是false的操作数
console.log(1||2||0);
//1
console.log(0||2||1);
//2
console.log(0||0||false);
如果某个操作数为true,则该操作数之后的操作数都不会被计算
如果逻辑与和逻辑或作混合运算,则逻辑与的优先级高:
2||0);
console.log(0||2&
console.log(0&
2||1);
在JavaScript,常见的false值:
0,'
0'
+0,-0,false,'
null,undefined,null,NaN
要注意空数组([])和空对象({}):
console.log([]==false)//true
console.log({}==false)//false
console.log(Boolean([]))//true
console.log(Boolean({}))//true
所以在if中,[]和{}都表现为true:
20、解释下面代码的输出
console.log(false=='
)
console.log(false==='
请参考前面第14题运算符转换规则的图。
21、解释下面代码的输出
vara={},
b={key:
b'
},
c={key:
c'
a[b]=123;
a[c]=456;
console.log(a[b]);
输出是456。
22、解释下面代码的输出
console.log((functionf(n){return((n>
1)?
n*
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 经典 试题