ECMA经典易错面试题小集合

秒速五厘米 2022-05-26 05:20 189阅读 0赞

# Javascript笔试题小练习 #

# 笔试面试题综合练习 #

--------------------

## 百度14年ECMAscript试题    ##

###  ღ  求出x,y,z的值。 ###

答：

使用作用域来解决，最后输出    x为1，y为4， z为4

--------------------

## 阿里巴巴面试题    ##

###  ღ  下列代码中console.log()的结果是\[1, 2 , 3, 4, 5\]的选项是：    ###

function foo(x) {
    	
    console.log(arguments);
    	
    return x;
    	
    }
    
    foo(1, 2, 3, 4, 5);

function foo(x) {
    	
    console.log(arguments);
    	
    return x;
    	
    }(1, 2, 3, 4, 5);

(function foo(x) {
    	
    console.log(arguments);
    	
    return x;
    	
    })(1, 2, 3, 4, 5);

function foo() {
    
    bar.apply(null, arguments);
    
    }
    
    function bar() {
    
    console.log(arguments);
    
    }
    
    foo(1, 2, 3, 4, 5);

答案选择：A C D

解析：

A选项函数里虽然是return了x，x为1，但是这个函数执行后是输出的是实参数组\[1, 2 , 3, 4, 5\]。

B选项有点像立即执行函数，但是并不是，结果不会输出，但也不会报错。

C选项是一个立即执行函数，正常的传参输出\[1, 2 , 3, 4, 5\]，和A选项类似

D选项中的foo函数里的`bar.apply(null,arguments)`并没有改变this指向，所以就是一个简单的执行函数`bar.apply(arguments)`，执行bar，所传的参数arguments也是从foo函数获取的，所以也可以输出\[1, 2 , 3, 4, 5\]。

--------------------

###  ღ  一个div的宽为300px，高为100px，上右下左边框为10px，现在要给里面H1标签里的文字在div里垂直居中，怎么做？ ###

Css部分
    
    <style type="text/css">
    
    	div{
    
    	border: 10px solid black;
    
    	width: 300px;
    
    	height: 100px;
    
    	background: red;
    
    	}
    
    	h1{
    
    	text-align: center;
    
    	line-height: 100px;
    
    	margin: 0;
    
    	}
    </style>
    
    ---------------------------------------------
    
    bady部分
    
    	<body>
    		<div>
    			<h1>垂直居中的文字</h1>
    		</div>

一定要清除外边距！！

--------------------

###  ღ  请问以下表达式的结果是什么？ ###

parseInt(3, 8)

parseInt(3, 2)

parseInt(3, 0)

A.   3, 3, 3

B.   3, 3 ,NaN

C.   3, NaN, NaN

D.   other

答案： C

解析：

parseInt（string，radix）

string

解析一个字符串，并返回Number类型的整数，如果字符串内有多个值的话，只会解析第一个。radix参数可以不填写。

radix

表示要解析的数字的基数，以目标进制为基底，转换为10进制。

例如 `parseInt(3, 8)`的意思是8进制的3转换为10进制。

小提示：如果省略该参数或者为0的话，由于不同浏览器输出的不同，输出NaN或原数值。

--------------------

###  ღ  以下哪些是JavaScript语言typeof可能返回的结果？ ###

A.string

B.array

C,object

D.null

答案：A　C

解析：

typeof 返回的六大数据类型：

String， Number， Boolean，Undefined，Function，Object。

--------------------

## 经典JS面试题 ##

###  ღ  Javascript中的call和apply方法是做什么的，两者有什么区别？ ###

答：

两个方法都是改变this的指向。

区别：方法传递的参数不同。

--------------------

###  ღ  看看下面alert的结果是什么？ ###

答：

返回的是10

答：

返回的是10

解析：

arguments里储存的的值和形参里的值并不是同一个值，而是具有绑定关系，一个发生改变，另一个也会改变。

--------------------

###  ღ  typeof (f)  是什么类型？ ###

var i = (
    	
    	function o() {
    		
    	return '1';
    		
    	},
    	
    	function p() {
    		
    	return 2;
    	}
    	
    	
    )();
    
    console.log(typeof i);
    
    </script>

答：

输出number类型。

解析：

例如`var i = （1， 2）`

会输出最后一位，这里会输出2，所以在运行时

var i = (
    		
    	function p() {
    		
    	return 2;
    
    	}	
    	
    )();
    
    console.log(typeof i);
    
    </script>

然后 i 执行，返回数字类型的2。

--------------------

###  ღ 写出下面程序的执行结果。 ###

答：

输出x为1undefined

解析：