JS笔试面试题（后续更新）

最新推荐文章于 2018-07-27 23:41:13 发布

倾城一笑stu

最新推荐文章于 2018-07-27 23:41:13 发布

阅读量854

点赞数

分类专栏：笔试/面试

本文链接：https://blog.csdn.net/zls986992484/article/details/72850875

版权

笔试/面试专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. 下面代码的运行结果是？

var length = 10;

function fn() {
	console.log(this.length);
}

var obj = {
	length: 5,
	method: function(fn) {
		fn();  
		arguments[0]();  
	}
}

obj.method(fn, 1);

答案：10 2

解析：首先，fn()执行时的this是指向window的，因为这个函数是作普通函数调用的，普通函数调用，this指向window。然后arguments代指实参数组，即 [function fn(){console.log(this.length); } , 1] ，然后这里的this是指这个数组，不是指window。所以调用arguments[0]()时，会打印这个数组的长度，即2.

2. 【百度2017实习生笔试题】填充calendar函数代码，使得页面的显示效果为下图：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>JS写简单日历</title>
		<style type="text/css">
		body,html{padding: 0;margin: 0;font-size: 14px;color:#000;}
		table {border-collapse: collapse;width: 100%;table-layout: fixed;}
		/*border-collapse: collapse;为表格设置合并边框模型*/
		td,th {border: 1px solid #e1e1e1;padding: 0;height: 30px;line-height: 30px;text-align: center;}
		th{background: blue}
		.current{color:red;}
		</style>
	</head>
	<body id="body">
		<table>
			<thead>
				<tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr>
			</thead>
			<tbody>
				<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
				<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
				<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
				<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
				<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
				<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
			</tbody>
		</table>
		<script type="text/javascript">
		function calendar(year, month) {
		
		}
		calendar(2017,6)
		</script>
	</body>
</html>

即做一个小日历，如果是当前日期，则給单元格加红。

答案：

function calendar(year, month) {
	var bLeap = (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
	var nCount = [0, 31, bLeap ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month] || 0;
	var nStart = new Date(year, month - 1, 1).getDay(); //获取1号是周几
	nStart = (nStart - 1 + 7) % 7;  //从第几个位置开始填充
	// 当前
	var oNow = new Date();
	var nNowDate = oNow.getDate();//当前日期
	var bCurrent = oNow.getFullYear() === year && oNow.getMonth() + 1 === month;//判断是不是当前年份和月份
	// 渲染
	var aTd = [].slice.call(document.getElementsByTagName('td'), 0);
	var nVal = 1;  //从1开始算法
	aTd.forEach(function (oTd, nIndex) {
		oTd.className = bCurrent && nVal === nNowDate ? 'current' : '';
		if (nIndex >= nStart && nVal <= nCount) { 
			oTd.innerHTML = nVal;
			nVal++;
		}else {
			oTd.innerHTML = '';
		}
	});
}

倾城一笑stu

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS笔试面试题（后续更新）

1. 下面代码的运行结果是？var length = 10;function fn() { console.log(this.length);}var obj = { length: 5, method: function(fn) { fn(); arguments[0](); }}obj.method(fn, 1);答案：10 2解析：首先，fn(
复制链接

扫一扫